Mixin SCSS para dar estilos a campos con atributo placeholder

Un sencillo mixin SCSS para darle color al texto del placeholder, distinto del que lleve el campo de formulario: @mixin input-placeholder($color) { &.placeholder {color: $color;} /* if not supported, Javascript should add class */ &:-moz-placeholder {color: $color;} /* Mozilla Firefox 4 to 18 */ &::-moz-placeholder {color: $color;} /* Mozilla Firefox 19+ */ &::-webkit-input-placeholder {color: $color;} …

CSS hacks: filter by selectors

All selectors provided here are valid for CSS 2.1 unless otherwise stated. Internet Explorer 6, Internet Explorer 7 (Non standard mode), Internet Explorer 8 (Non standard mode): * html {} Internet Explorer 7, Internet Explorer 8 (IE7 standard mode): *:first-child+html {} * + html/*/ * /**/ body {} Internet Explorer 8 (Ids are examples): #ie_80 …

CSS: Especificidad de los selectores (2)

Anteriormente había hablado de la especificidad en CSS. En esta ocasión voy a tratar el tema de una forma más clara y añadir algunos detalles que se me pasaron en la ocasión anterior. Valores a tener en cuenta: lista resumida Se deben tener en cuenta los siguientes valores: El identificador vale 100. La clase vale …

CSS: Especificidad de los selectores

La especificidad es muy útil para evitar el valor !important dentro de las propiedades CSS o tener que poner unas reglas forzosamente después de otras para que, de ese modo, puedan ser aplicadas. Como calcular la especificidad de los selectores Primer paso: Contar el número de atributos ID en el selector (=a). Contar el número …