Como remover a borda editável de conteúdo
Saiba como remover a borda de um elemento editável.
Remover borda editável de conteúdo
Por padrão, quando você escreve dentro de um elemento contenteditable
definido como true
, esse elemento obtém uma borda ao redor do foco. No entanto, você pode usar CSS para remover a borda:
Etapa 1) Adicionar HTML:
Exemplo
<p contenteditable="true">This is an editable paragraph.</p>
Etapa 2) Adicionar CSS:
Use o seletor para selecionar todos os elementos que são editáveis por conteúdo e remova a borda com a propriedade:[attribute]
outline
Exemplo
[contenteditable] {
outline: 0px solid transparent;
}
Dica: Acesse nossa Referência de atributo HTML contenteditable para saber mais sobre o atributo global contenteditable.
Dica: acesse nosso seletor CSS [ attribute ] para saber mais sobre o seletor [ attribute ].