Em todos os navegadores desenvolvido a partir do motor de renderização WebKit (como apputo Safari ou Google Chrome ), os campos textarea show, no canto inferior direito, a característica de redimensionamento. Se essa peculiaridade pode ser realmente útil em certos casos, em outros, torna-se um fator preocupante. Felizmente, você pode controlar esse comportamento diretamente da folha de estilo, simplesmente agindo em CSS através de redimensionamento :
1 2 3 4 | / * Suporta: automático, ambos, horizontal, ninguém, vertical * / textarea { ; redimensionamento: none; } |
Olá
mas esta propriedade é aplicável a outros navegadores (permitindo assim o redimensionamento de FF ou Opera, por exemplo) ou é uma extensão proprietária do webkit?
@ Engelium:
resizefaz parte do CSS 3 parcialmente suportada pelos vários navegadores disponíveis. WebKit, e Safari e Chrome são os únicos - que eu saiba - que já implementaram. . Como parte do W3C/CSS3 específico, deve ser apoiada em futuras versões de navegadores como Firefox, Opera, etc ... para pior, como já acontece com oborder-radius, eles vão usar nomes diferentes, tais como-moz-resize. Para o Firefox, no entanto, assim como vários scripts que o Javascript "amulano" tal comportamento, há também um add-on Textarea ResizeableBem, eu estava interessado em como um webmaster para o fato de que há addon ou UserJS vou mudar pouco
obrigado pela resposta
Aqui, só o que eu estava procurando.
Obrigado!
E parabéns para os itens.
[...] Muito curto truque: desativar o redimensionamento de um textarea no Safari [...]
Portanto, não é válido CSS2 e CSS3?
Mmmmm ....
@ Napolux:
como você sabe que os navegadores mais recentes começaram a apoiar - parcialmente - CSS3. Eu acho que é onde o suporte CSS3
resizevocê pode vê-lo e, em seguida, desligá-lo. Em quem não supprotano esta abordagem passa despercebido ... ou pelo menos eu espero