Preguntas etiquetadas con css

En mi sitio web utilizo reset.css. Agrega exactamente esto a los estilos de lista: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, …

91 html  css  html-lists 

Tengo un div plegable CSS puro que se basa en el código de otra persona que usa la :targetpsuedoclass. Lo que estoy tratando de configurar es una página con más de 12 preguntas, y cuando haces clic en el botón +, el div de respuesta se expande debajo. No puedo …

91 css  collapsable 

Considere el siguiente código : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } ¿Cuál sería el método más fácil para poner labely inputen el medio de div(verticalmente)?

91 css  html  vertical-alignment 

Estoy tratando de centrar los elementos internos de una <button>etiqueta con flexbox justify-content: center. Pero Safari no los centra. Puedo aplicar el mismo estilo a cualquier otra etiqueta y funciona según lo previsto (consulte la <p>etiqueta -etiqueta). Solo el botón está alineado a la izquierda. Pruebe Firefox o Chrome y …

91 html  css  safari  flexbox  css-grid 

Tengo un elemento con estilo position: relative; transition: all 2s ease 0s; Luego, quiero cambiar su posición sin problemas después de hacer clic en él, pero cuando agrego el cambio de estilo, la transición no tiene lugar, sino que el elemento se mueve instantáneamente. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Sin embargo, si …

91 javascript  css  transition 

Sé que para alinear el texto verticalmente a la mitad de un bloque, estableces la altura de la línea a la misma altura del bloque. Sin embargo, si tengo una oración con una palabra en el medio, eso es 2em. Si toda la oración tiene una altura de línea igual …

91 css  text  vertical-alignment  baseline 

P.ej @import url("~./foobar"); Lo vi aquí , no estoy seguro de si es algo específico del paquete o si es una sintaxis CSS real.

91 css  webpack  webpack-style-loader 

Por lo tanto, es posible tener una animación inversa con el mouse, como: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } pero, al usar la animación @keyframes, no pude hacer que funcione, por ejemplo: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} …

91 css  animation 

Estaba luchando con la configuración de libsass ya que no era tan sencillo como el transpilador basado en Ruby. ¿Alguien podría explicar cómo: instalar libsass? usarlo desde la línea de comando? usarlo con corredores de tareas como gulp y gruñido? Tengo poca experiencia con administradores de paquetes y menos aún …

91 css  sass  gulp-sass  node-sass  libsass 

Estoy intentando agregar este código a un elemento div creado dinámicamente style = "width:330px;float:left;" El código en el que crea la dinámica dives var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; Mi idea es agregar el estilo después, < div class="well"pero no sé cómo …

91 javascript  css  innerhtml 

En iOS (Safari 5) tengo que seguir para el elemento de entrada (sombra interior superior): Quiero eliminar la sombra superior, el error -webkit-appearanceno se guarda. El estilo actual es: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: …

91 ios  css  input 

Quiero que los elementos flexibles estén centrados, pero cuando tenemos una segunda línea, tener 5 (de la imagen de abajo) debajo de 1 y no centrados en el padre. Aquí hay un ejemplo de lo que tengo: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: …

91 html  css  flexbox 

Como puede ver, list-itemsel primero rowtiene lo mismo height. Pero los elementos del segundo rowtienen diferentes heights. Quiero que todos los artículos tengan uniforme height. ¿Hay alguna forma de lograr esto sin dar una altura fija y solo usando flexbox ? Aquí está mi code .list { display: flex; flex-wrap: …

91 html  css  flexbox 

Estoy usando el marco CSS bootstrap de Twitter (que es fantástico). Para algunos mensajes a los usuarios, los estoy mostrando usando las alertas Javascript JS y CSS. Para aquellos interesados, se puede encontrar aquí: http://getbootstrap.com/javascript/#alerts Mi problema es este; después de mostrar una alerta a un usuario, me gustaría que …

90 javascript  jquery  css  twitter-bootstrap  alert 

Estoy usando Twitter Bootstrap e intento centrar un botón dentro de una celda de la tabla. Realmente solo lo necesito centrado verticalmente. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Consulte mi JSFiddle para conocer …

90 css  twitter-bootstrap