Preguntas etiquetadas con css

102
Colocando un div cerca del lado inferior de otro div

Tengo div exterior e interior div. Necesito colocar el div interno en la parte inferior del externo. El div exterior es elástico (ancho: 70% por ejemplo). También necesito centrar el bloque interior. El modelo simple del maquillaje descrito se muestra en la siguiente imagen:

102
<input> no hereda la fuente de <body>

Tengo campos de entrada y etiqueta: <label class="adm" for="UserName">User name</label> <input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /> y CSS: body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color:...

102
¿Cómo diseñar la <opción> con solo CSS?

Nota: esta pregunta no se trata de crear un menú desplegable personalizado. Solo se trata de posibilidades de <option>elementos de estilo dentro del elemento seleccionado en CSS ¿Cómo puedo <option>diseñar un <select>elemento con compatibilidad entre navegadores? Conozco muchas...

102
Gradiente SVG usando CSS

Estoy tratando de aplicar un degradado a un rectelemento SVG . Actualmente, estoy usando el fillatributo. En mi archivo CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } Y el rectelemento tiene el color de relleno correcto cuando se ve en el navegador. Sin embargo,...

102
Posición Absoluta + Desplazamiento

Con lo siguiente HTMLyCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div

102
¿Cómo diseñar SVG con CSS externo?

Tengo varios gráficos SVG cuyos colores me gustaría modificar a través de mis hojas de estilo externas, no directamente dentro de cada archivo SVG. No estoy colocando los gráficos en línea, sino almacenándolos en mi carpeta de imágenes y señalándolos. Los he implementado de esta manera para...

102
¿Cómo aplico un estilo a todos los hijos de un elemento?

Tengo un elemento con class='myTestClass'. ¿Cómo aplico un estilo CSS a todos los elementos secundarios de estos elementos? Solo quiero aplicar el estilo a los elementos children. No sus nietos. Podría usar .myTestClass > div { margin: 0 20px; } que funciona para todos los divniños, pero...

102
¿Cómo hacer una elegante flecha usando CSS?

Ok, entonces todos saben que puedes hacer un triángulo usando esto: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Y eso produce un triángulo relleno sólido. Pero, ¿cómo harías un triángulo con forma...