Articles of css

Consulta de mídia para detectar se o dispositivo é touchscreen

Qual é a maneira mais segura, usando consultas de mídia, para fazer algo acontecer quando não está em um dispositivo touchscreen? Se não houver nenhuma maneira, sugira usar uma solução JavaScript como !window.Touch ou Modernizr?

Remova o espaçamento extra de botões / preenchimento no Firefox

Veja este exemplo de código: http://jsfiddle.net/Z2BMK/ Chrome / IE8 se parece com isso O Firefox parece com isso Meu CSS é button { padding:0; background:#080; color:white; border:solid 2px; border-color: #0c0 #030 #030 #0c0; margin:0; } Como posso alterar o exemplo de código para tornar o botão o mesmo em ambos os navegadores? Eu não quero […]

Como manipular dois pontos em um ID de elemento em um seletor de CSS

O JSF está configurando o ID de um campo de input para search_form:expression . Preciso especificar alguns estilos nesse elemento, mas esse cólon parece o início de um pseudoelemento para o navegador, de modo que fica marcado como inválido e ignorado. Existe alguma maneira de escaping do cólon ou algo assim? input#search_form:expression { ///… }

Como faço para simular um mouseover em JavaScript puro que ativa o CSS “: hover”?

Eu tenho tentado encontrar código para simular mouseover no Chrome, mas mesmo que o ouvinte “mouseover” seja triggersdo, a declaração “pairar” do CSS nunca é definida! Eu tentei também fazer: //Called within mouseover listener theElement.classList.add(“hover”); Mas nada parece mudar o elemento para o que é declarado em sua declaração hover . Isso é possível?

Como obter um elemento pai para aparecer acima do filho

Eu tenho dois elementos CSS nesteds. Eu preciso que o pai esteja no topo, ou seja, acima no eixo z, do elemento filho. Apenas definir o índice z não é suficiente. Não consigo definir um z-index negativo no filho, isso é definido abaixo do contêiner de página na minha página real. Esse é o único […]

“Text-align: justify;” elementos de bloco inline corretamente?

Algumas outras questões já abordaram a melhor maneira de aplicar o text-align: justify a inclusão de elementos de bloco inline para espalhar-se por igual… por exemplo, como eu realmente justifico um menu horizontal em HTML + CSS? No entanto, o elemento de largura de 100% que “limpa” a linha de elementos de bloco em linha […]

Encontre uma string de texto em jQuery e faça-a em negrito

O que eu quero fazer é usar o jQuery para encontrar um pedaço de texto dentro de um parágrafo e adicionar algum CSS para torná-lo em negrito. Eu não consigo descobrir porque isso não funciona: $(window).load(function() { // ADD BOLD ELEMENTS $(‘#about_theresidency:contains(“cross genre”)’).css({‘font-weight’:’bold’}); }); O texto em “about_theresidency” é extraído dinamicamente, portanto, eu o executo […]

Substituição de imagem de checkbox de seleção CSS puro

Eu tenho uma lista de checkbox em uma tabela. (um dos vários CB’s na fila)         Eu gostaria de replace a imagem da checkbox de seleção por um par de imagens personalizadas on / off e eu queria saber se alguém tinha algum melhor entendimento de como fazer isso com CSS? Eu […]

Detectando o sistema DPI / PPI de JS / CSS?

Estou trabalhando em um tipo de aplicativo exclusivo que precisa gerar imagens em resoluções específicas de acordo com o dispositivo em que elas são exibidas. Portanto, a saída é diferente em um navegador normal do Windows (96ppi), iPhone (163ppi), Android G1 (180ppi) e outros dispositivos. Eu estou querendo saber se há uma maneira de detectar […]

Criança com max-height: 100% transborda pai

Estou tentando entender o que parece ser comportamento inesperado para mim: Eu tenho um elemento com uma altura máxima de 100% dentro de um contêiner que também usa uma altura máxima mas, inesperadamente, o filho transborda o pai: Caso de teste: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { […]