Resultados da pesquisa a pedido "pseudo-element"
A imagem de fundo do pseudo-elemento não aparece
eu tenho umdiv elemento com uma borda triangular e estou tentando colocar uma imagem acima dela usando um::after pseudo-elemento combackground-image. O método não funciona embora. No entanto, se estou tentando definircontent: "asd";, o texto ...
Comportamento estranho de: primeira letra no Chrome
Adicionar o que parece ser uma classe inócua a um elemento que possui uma classe que contém: primeira letra faz com que a primeira letra, em algumas circunstâncias, seja renderizada incorretamente. Um elemento originalmente possui a classe ...
Ao passar o mouse sobre um pseudo elemento, faça o outro pseudo elemento aparecer?
Eu estava tentando gerar uma tela na qual utiliza o:before e:after pseudo-elementos, mas gostaria de saber se essa funcionalidade é realmente possível. Eu tenho uma div wrapper que é envolvida em torno de uma entrada (permitindopseudo elements ...
Utilizando a propriedade attr (ícone de dados) para exibir o unicode antes do elemento
Vamos demonstrar um exemplo com código HTML simples como este: <div data-icon="\25B6">Title</div>Eu gostaria que esse elemento tivesse um ícone de prefixo definido por seu atributo de dados (ícone de dados); por isso, defino o arquivo CSS como ...
É possível definir a ordem de empilhamento dos pseudoelementos abaixo do elemento pai?
Estou tentando estilizar um elemento com o:after seletor de pseudo elemento CSS #element { position: relative; z-index: 1; } #element::after { position:relative; z-index: 0; content: " "; position: absolute; width: 100px; height: 100px; }Parece ...
O DOM sombra substitui :: antes e :: depois?
Escopo do CSS [http://www.w3.org/TR/css-scoping-1/#shadow-dom]diz Os descendentes de umhost sombra [http://www.w3.org/TR/css-scoping-1/#shadow-host]não deve gerar caixas na árvore de formatação. Em vez disso, o conteúdo doárvore de sombra ...
Um seletor :: before pode ser usado com uma <textarea>?
Estou experimentando alguns estilos em<textarea>se eu tentei fazer algumas coisas com::before e::after seletores e eu não pude fazer nada para fazê-los funcionar. Então a questão é: isso é possível? Eu sei que o CSS em torno de formulários é ...
Pseudo-elemento CSS input-placeholder :: after para mostrar com ou sem valor na caixa de texto
Estou tentando obter algumas sinalizações da interface do usuário nos elementos do formulário para o usuário após a validação funcionar usando os pseudo elementos do espaço reservado (começando pelas caixas de texto). O que eu quero é ...
Quais elementos suportam os pseudoelementos :: before e :: after?
Estou tentando criar um bom estilo padrão para<input>s em HTML5 e tentei o seguinte: input::after { display: inline; } input:valid::after { content: ' ✓ '; color: #ddf0dd; } input:invalid::after { content: ' ✗ '; color: #f0dddd; ...
Como a propriedade CSS `content` funcionou para o elemento` img` no WebKit?
Há muito tempo, havia um rascunho da especificação de Conteúdo Gerado em CSS3 que permitia aocontent propriedadepara qualquer elemento HTML [https://www.w3.org/TR/2003/WD-css3-content-20030514/#inserting3](não apenas pseudoelementos :: before / ...