Articles of css

Styling Password Fields em CSS

Estou com um pequeno problema com fonts na minha folha de estilo. Este é o meu CSS: body { … font: normal 62.5% “Lucida Sans Unicode”,sans-serif; } #wrapper_page { … font-size: 1.2em; } input, select, textarea { … font: bold 100% “Lucida Sans Unicode”,sans-serif; } E esse é o resultado: Eu acho que há uma […]

Forçar fonte não monoespaçada em largura fixa usando CSS

Existe alguma maneira de forçar uma fonte para ser monoespaçada usando CSS? Com isso quero dizer, usando uma fonte não-monoespaçada, você pode forçar o navegador para processar cada caractere em uma largura fixa?

Devo usar o seletor de atributo CSS: disabled pseudo-class ou ou é uma questão de opinião?

Estou tentando estilizar uma input desativada. Eu posso usar: .myInput[disabled] { } ou .myInput:disabled { } O seletor de atributos é o caminho moderno do CSS3 e o caminho a seguir? Eu costumava usar a pseudo-class, mas eu não consigo encontrar nenhuma informação sobre se eles são da maneira antiga e não serão suportados ou […]

Como devo cortar a imagem no lado do cliente usando o jcrop e carregá-lo?

O que estou tentando fazer é selecionar a imagem usando o controle html fileupload, cortar a seleção usando jcrop, cortar a imagem no lado do cliente e fazer o upload da imagem. Aqui está o link do fiddle https://jsfiddle.net/govi20/spmc7ymp/ Id é usado no código: alvo para imagem jcrop controle de fotografia fileupload visualização da canvas […]

Rolagem sincronizada usando jQuery?

Eu estou tentando implementar a rolagem sincronizada para dois DIV com o código a seguir. DEMO $(document).ready(function() { $(“#div1”).scroll(function () { $(“#div2”).scrollTop($(“#div1”).scrollTop()); }); $(“#div2”).scroll(function () { $(“#div1”).scrollTop($(“#div2”).scrollTop()); }); }); #div1 e #div2 têm o mesmo conteúdo, mas tamanhos diferentes, digamos #div1 { height : 800px; width: 600px; } #div1 { height : 400px; width: 200px; […]

Como faço para estilizar as mensagens de erro de validação de formulários HTML5 com CSS?

Como faço para estilizar as mensagens de erro de validação de formulários HTML5 com CSS?

Cor de texto gradiente

Existe um gerador, ou uma maneira fácil de gerar texto como este, mas sem ter que definir cada letra Então, algo assim: .rainbow { background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); background-image: gradient( linear, left top, right top, color-stop(0, […]

@ font-face src: local – Como usar a fonte local se o usuário já a possui?

Qual é o caminho certo para usar @font-face para que o navegador não baixe a fonte se o usuário já a tiver? Estou usando o @ font-face para definir o DejaVu, que já está instalado no meu sistema (linux). O Firefox não está baixando a fonte, mas o Chromium está baixando todas as vezes! Meu […]

Diferença entre largura: 100% e largura: 100vw?

Eu tenho que encheckboxr um iframe na altura da canvas. Obviamente, eu queria 100% de largura mas, como isso não funciona, usei 100vh. Mas vh como vw não é exatamente 100%. No meu laptop através do cromo, enquanto a largura de 100% processa perfeitamente sem a necessidade de uma barra de rolagem horizontal, vw tem […]

Transformação CSS3: escala no IE

Eu gostaria de usar a transformação da propriedade CSS3: scale. div { transform: scale(0.5,0.5); } Existe uma maneira de imitar isso no Internet Explorer 8 e inferior? Pode ser algo com filter ou uma solução JavaScript? Eu pesquisei na web sem nenhum resultado. Muito obrigado, Vincent