Perguntas com a marcação «css»

Eu adicionei isso, mas ainda assim o contorno azul aparece quando o botão é clicado. .btn:focus { outline: none; } como remover essa coisa feia?

137 css  twitter-bootstrap 

Estou tentando inspecionar propriedades CSS de uma entrada em uma célula da tabela. A entrada aparece no clique e desaparece com o foco perdido, como quando tento inspecioná-la. Como posso fazer isso para não perder o foco enquanto mudo para outra janela (o inspetor)?

137 html  css  dom 

quando clicar em outro lugar, a borda desaparecerá, tentei não focar nenhuma, mas não ajudou, como fazer com que a borda do botão feio desapareça ao clicar? input[type="button"] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; } <input type="button" value="Example Button"> Executar snippet …

137 css  button 

Alguém sabe por que o CSS fornece colortexto, mas não possui font-colorou text-color? Parece muito contra-intuitivo, text-decoration: underlinemais font-styleou menos como algo relacionado a fontes. Alguém sabe por que / como o W3C criou uma ampla variedade de nomes CSS como este?

136 css 

Estou usando o novo Twitter Bootstrap 3 e estou tentando colocar uma caixa de pesquisa como esta (abaixo) na barra de navegação superior : No Bootstrap 2, poderia ter sido assim: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> …

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

Estou tentando inserir um ícone de usuário dentro do campo de entrada de nome de usuário. Eu tentei uma das soluções a partir de uma pergunta semelhante, sabendo que a background-imagepropriedade não funcionará, pois Font Awesome é uma fonte. A seguir, é minha abordagem e não consigo exibir o ícone. …

136 html  css  fonts  font-awesome 

Eu quero criar um bloco embutido que terá uma largura e altura desconhecidas. (Ele terá uma tabela com conteúdo gerado dinamicamente). Além disso, o bloco embutido deve ser colocado dentro de uma linha de texto, como "meu texto (BLOCO AQUI)". Para torná-lo bonito, estou tentando fazer com que o bloco …

136 html  vertical-alignment  css 

É possível centralizar uma imagem de fundo em uma div? Eu tentei quase tudo - mas sem sucesso: <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } Isso é possível?

136 html  css  image  background  center 

Eu tenho uma div de 48x48 e dentro dela existe um elemento img, eu quero encaixá-la na div sem perder nenhuma parte; nesse meio tempo a taxa é mantida, é possível usar html e css?

136 html  css 

Eu quero quebrar algum texto que é adicionado a um <td>elemento. Eu tentei com style="word-wrap: break-word;" width="15%". Mas não está encapsulando o texto. É obrigatório fornecer 100% de largura? Como tenho outros controles para exibir, apenas 15% da largura está disponível.

136 html  css  html-table  word-wrap 

Quero mostrar os termos e condições no meu site. Eu não quero usar o campo de texto e também não quero usar minha página inteira. Eu só quero exibir meu texto na área selecionada e quero usar apenas a barra de rolagem vertical para descer e ler todo o texto. …

136 css  html  overflow 

Existe uma maneira de aplicar o estilo de uma classe a apenas UM nível de tags td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

Eu tenho um cenário de formulário muito básico e conhecido, no qual preciso alinhar os rótulos ao lado das entradas corretamente. No entanto, eu não sei como fazê-lo. Meu objetivo seria que os rótulos estejam alinhados ao lado das entradas do lado direito. Aqui está um exemplo de imagem do …

136 html  css  alignment 

Posso usar JavaScript para verificar (independentemente das barras de rolagem) se um elemento HTML estourou seu conteúdo? Por exemplo, uma div longa com tamanho pequeno e fixo, a propriedade overflow definida como visível e nenhuma barra de rolagem no elemento.

136 javascript  html  css 

Estou fazendo a pré-compilação dos ativos e executando o aplicativo no modo de produção. Após a compilação, quando carrego a minha página de índice, recebi os seguintes avisos no console do chrome: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: …

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font