No se puede hacer que el color de fondo rgba() en el elemento seleccionado funcione en Chrome

Versión de Chrome 16.0.912.75 m ejecutándose en Vista.No se puede hacer que el color de fondo rgba() en el elemento seleccionado funcione en Chrome

Estoy tratando de aplicar un color de fondo rgba a un elemento seleccionado deshabilitado, con la opacidad en 0.2.

Funciona bien en Firefox y Opera, pero Chrome ignora la opacidad y solo muestra el color plano. Ya he intentado agregar -webkit-appearance: ninguno. Esto corrige el valor alfa, pero elimina la parte del botón del elemento seleccionado de la vista.

¿Alguien sabe cómo tener un fondo con un valor alfa, y no ocultar la parte del botón de seleccionar?

http://jsfiddle.net/EMSmZ/9/ < == He editado esto para confirmar que, de lo contrario, rgba está trabajando para el color de fondo, pero no para la selección. Los dos cuadros tienen diferentes transparencias de fondo en Chrome, pero los seleccionados no.

Todavía nada, presentó un informe de error: http://code.google.com/p/chromium/issues/detail?id=110437

Fuente

2012-01-10 daveyfaherty

extraño, acabo de probar esto y parece que estoy obteniendo la opacidad en ambos navegadores Chrome: 16.0.912.75 también ... – c4urself

Extraño es correcto. ¿Qué sistema operativo estás usando, por favor? – daveyfaherty

Estoy usando OSX. Espero que estemos hablando de lo mismo: en este violín veo el fondo rojo del cuerpo detrás de los botones tanto en Chrome como en Firefox: http://jsfiddle.net/c4urself/N3VMU/ – c4urself

que no funciona como es en cromo 16.0.912.75 m en XP. SI otorga la opacidad inhabilitada: .2; cambia la opacidad de todo el elemento. No estoy seguro de qué efecto está tratando de lograr, tal vez mostrar algún contexto para ayudar a ofrecer una solución.

Fuente

2012-01-11 15:15:17 joshvito

Quiero que la flecha y el borde de la carcasa sean opacos, pero tienen un fondo con opacidad, por lo que el color detrás de él puede mostrarse hasta cierto punto. Es un requisito de diseño. Sí, volví a la opacidad en el elemento, pero es un poco una mierda que Chrome no me permita usar CSS estándar para hacer lo que quiero. – daveyfaherty

Me encontré con el mismo problema al desarrollar un formulario para un cliente. La solución que acabo de usar fue establecer el background-color en una versión más ligera (#faebe7) de cualquier color base I que desee usar, en este caso rojo, en lugar de usar rgba(255,0,0,0.4).

Fuente

2012-09-20 20:25:33

Eso solo es cierto si su elemento está encima del blanco (al ser translúcido lo hace más liviano). Si tiene múltiples elementos en múltiples fondos, esto no funciona. Por lo tanto, realmente no responde a la pregunta de cómo comportarse los colores rgba(), ya que va a otro sistema de color por completo. – MidnightLightning

No me gusta decírtelo, pero el estilo de los elementos de forma con CSS es simplemente un problema. Hay una razón por la que todo el mundo usa técnicas de reemplazo de Javascript para cambiar la apariencia de los elementos del formulario ... (excepto el texto y el área de texto esencialmente)

Fuente

2012-10-17 10:35:04

Está bien, al final encontré una solución. Trabajos modificados: P Acepto, los reemplazos de JavaScript son la manera más sensata de hacerlo. Sin embargo, el proyecto en el que estaba trabajando estaba recargado de manera cómica con AJAX, y agregar más cambios DOM fue como jugar a Buckaroo. – daveyfaherty

Conozco el sentimiento –

No se puede hacer que el color de fondo rgba() en el elemento seleccionado funcione en Chrome

Respuesta

Cuestiones relacionadas