Articles of css

tipo de input = “imagem” mostra a borda indesejada no Chrome e o link quebrado no IE7

Ainda não encontrei uma solução … Eu tentei de tudo border:0; border:none; outline:none; sem sorte … e o engraçado é o ícone de link quebrado no IE7 que sobrepõe a minha imagem. Alguma sugestão? link aqui HTML (gerado pelo WordPress) CSS input#s{ position:relative; width:245px; height:28px; border:0; vertical-align:bottom; background:url(images/input-search-bkg.png) 0 0 no-repeat; } #searchsubmit { display:inline-block; […]

MENOS CSS: abusando do & Operator quando nested?

Menos usa o & Operator para aumentar as possibilidades de aninhamento . .header { color: black; .navigation { font-size: 12px; &.class { text-decoration: none } } } o que causa uma substituição do & com o seletor pai e resulta em uma concatenação do seletor real para o seletor pai: .header .navigation.class vez do acréscimo […]

jQuery Animate () e BackgroundColor

Eu estou tentando criar um efeito de pulso simples, alterando a cor de fundo usando JQuery. No entanto, não consigo obter o backgroundColor para animar. function show_user(dnid) { /* dnid is HTML ID of a div. */ if (! $(dnid).is(‘:visible’)) { $(dnid).show() } $(‘html, body’).animate({scrollTop: $(dnid).offset().top}); $(dnid).animate({backgroundColor: “#db1a35”}, 1200); } O que é estranho é […]

Posso aplicar uma transição de CSS à propriedade de estouro?

Eu estou tentando definir um transition-delay para a propriedade de overflow do body quando um div é clicado, adicionando uma class ao body seguinte forma: $(“div”).click(function(){ $(“body”).addClass(“no_overflow”); }); div{ background:lime; height:2000px; } .no_overflow{ overflow:hidden; } body{ overflow:auto; transition: overflow 0 2s; } I’m div No entanto, isso não parece funcionar (não há atraso). Estou fazendo […]

Primeira letra Capitalize e outras letras em letras minúsculas em css?

THIS IS SOMETEXT Eu quero fazer com que pareça que This is sometext que a primeira letra do parágrafo é maiúscula. É possível em CSS? Edit: Todo meu texto está em letras maiúsculas.

Altura igual de elementos dentro do item de grade com layout de grade CSS

Eu tenho uma seqüência de artigos dentro de um div de tamanho 4 +, sem qualquer tag de linha de arredondamento. Eu preciso representá-lo como uma tabela de 3 artigos (colunas) por linha, provavelmente com display: grid . Cada artigo tem um header, uma seção e um rodapé. Como eu implementaria uma altura igual para […]

Crie uma linha de itens flexbox com uma altura máxima definida por um filho

Estou tentando criar um layout flexbox que faça algo que eu ache que seria um pouco mais fácil, mas estou tendo problemas para encontrar o caminho certo para fazê-lo. Eu quero ter uma linha de itens com altura dinâmica que permita que um filho cresça o mais alto possível, mas limita a altura do outro […]

Por que não o topo da margem: automático e margem inferior: o trabalho automático é igual ao das contrapartes esquerda e direita?

Se eu definir as propriedades da margem CSS de um div da seguinte forma: div { margin-left: auto; margin-right: auto; } Eu recebo uma div que é centralizada horizontalmente na página, assim . No entanto, se eu mudar o CSS para isso: div { margin-top: auto; margin-bottom: auto; } minha div não está cinput verticalmente. […]

Combinando: não () seletores em CSS

Estou tentando selecionar todos os elementos tr dentro de uma table , exceto o terceiro e o quarto. Eu consegui fazer isso usando: #table tr:not(:nth-child(3)):not(:nth-child(4)) Eu gostaria de combinar esses seletores porque eu tenho mais algumas inputs :nth-child . Algo parecido com isto, mas não funcionou: #table tr:not(:nth-child(3), :nth-child(4)) Isso funciona no jQuery, mas não […]

Como aplico a opacidade a uma variável de cor CSS?

Eu estou projetando um aplicativo em eletrônica, então eu tenho access a variables ​​CSS. Eu defini uma variável de cor em vars.css : :root { –color: #f0f0f0; } Eu quero usar essa cor em main.css , mas com alguma opacidade aplicada: #element { background: (somehow use var(–color) at some opacity); } Como eu iria fazer […]