Ocultar opciones desplegables de formulario usando SOLO CSS

Definitivamente soy un noobie CSS, pero he buscado en todas partes y no puedo encontrar una solución a mi problema (he descubierto por qué mis intentos no funcionan, pero no hay solución).Ocultar opciones desplegables de formulario usando SOLO CSS

Estoy pirateando una hoja de CSS para modificar un formulario de búsqueda avanzada que está vinculado a una base de datos. NO PUEDO tocar el HTML, ni puedo usar JavaScript o JQuery. El formulario de búsqueda le permite al usuario seleccionar los campos que desea buscar en un menú desplegable. Quiero ocultar una serie de opciones de campo ya que no tienen datos. El HTML es

<div class="inputs"><div class="search-entry">  
       <select name="advanced[0][element_id]"  
id="advanced-0-element_id"> 
<option value="" label="Select Below ">Select Below </option> 

<optgroup label="Dublin Core"> 
<option value="88" label="Abstract">Abstract</option> 
<option value="98" label="Access Rights">Access Rights</option> 
<option value="118" label="Accrual Method">Accrual Method</option> 
<option value="119" label="Accrual Periodicity">Accrual Periodicity</option> 
<option value="120" label="Accrual Policy">Accrual Policy</option>

y así sucesivamente Probé

option [value="88"] { 
display: none;}

Pero esto no funciona b/c cada opción desplegable no crea un bloque en el primer palacio. Por lo tanto, mostrar: ninguno no puede ocultar un bloque que no existe.

Así que ahora sabes lo que no funciona, y lo que tengo que hacer. ¿Alguna sugerencia? Nuevamente, no puedo acceder al código html en absoluto, b/c lo genera un programa PHP en un servidor al que no tengo acceso. Incluso si lo hiciera, no sé ningún PHP en absoluto.

gracias por su tiempo

Fuente

2011-05-23 christine

A riesgo de ser downvoted voy a decir que esto no es posible con CSS solo.

La etiqueta de opción describe el modelo de datos de un elemento HTML. La hoja de estilo describe la vista.

Fuente

2011-05-23 15:34:34

Gracias, temía que CSS no hiciera el trabajo. Solo esperaba que me estaba perdiendo algo, ya que pude ocultar muchos otros elementos en el html. Gracias por su tiempo – christine

No hay problema, entiendo lo frustrante que es ser ineficaz debido a la política de la oficina. ¡Buena suerte! –

No podrá hacer esto con CSS. Debería usar JavaScript para hacerlo en tiempo de ejecución. De lo contrario, tendría que editar el código del servidor y/o los datos desde donde se generan. ¿Tiene acceso a la base de datos? Si es así, puede simplemente eliminar las filas que está usando.

Fuente

2011-05-23 15:38:22

Gracias, no necesito las opciones para desaparecer en el tiempo de ejecución, solo necesito que se hayan ido de forma permanente. Puedo tratar de convencer a nuestro servidor para que solucione el problema, pero él es reacio a tocar la base de datos. Trabajo para una organización sin fines de lucro, por lo que las cosas son un poco ad-hoc. Gracias de nuevo, – christine

Ocultar opciones desplegables de formulario usando SOLO CSS

Respuesta

Cuestiones relacionadas