Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a CSS3

Datos de búsqueda

Etiqueta ‘CSS3’

Mixin SCSS para dar estilos a campos con atributo placeholder

Fecha de publicación: 2013/02/03

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;} /* WebKit browsers */
	&:-ms-input-placeholder {color:$color;} /* Internet Explorer 10+ */

  /* browsers with full support for placeholder styling */
  &::input-placeholder {color: $color;}
  &:input-placeholder {color: $color;}
  &::placeholder {color: $color;}
  &:placeholder {color: $color;}
}

Datos del artículo:

CSS3: target-new property

Fecha de publicación: 2007/12/22

The target-new CSS property allows the target of a link to be set to a new window or new tab in the browser. It is equivalent to the target HTML attribute.

It have three possible values

  • window: opens in new window.
  • tab: opens in new tabof browser (the most interesting usage).
  • none.

Example:

div p a {target-new: tab;}

The link which fits the selector will open in new tab.

Know more

  • Original article in spanish: CSS 3: propiedad target-new
  • Datos del artículo:

    CSS 3: propiedad target-new

    Fecha de publicación: 2007/12/05

    La propiedad target-new sirve para definir el destino del enlace a ventana nueva o a nueva pestaña (se podría decir que equivale al atributo target).

    Tiene tres posibles valores:

    • window: abre en una ventana nueva.
    • tab: abre en una nueva pestaña del navegador (quizá la utilidad más interesante de esta propiedad).
    • none.

    Un ejemplo:

    div p a {target-new: tab;}

    El enlace que corresponda al selector del ejemplo abrirá en una nueva pestaña.

    Saber más

    Datos del artículo:

    Información del sitio