Em todos os browsers desenvolvidos a partir do motor de renderização WebKit (como apputo Safari ou Google Chrome ), a campos textarea show, no canto inferior direito, a característica de redimensionamento. Se essa peculiaridade pode ser bastante útil em certos casos, em outros é transformado em um elemento irritante. Felizmente, você pode controlar esse comportamento diretamente da folha de estilo, simplesmente agindo em CSS usando redimensionamento :
1 2 3 4 | / * Suporta auto, ambos, horizontal, nenhum, * vertical / textarea { ; redimensionamento: none; } |
Olá
mas essa propriedade é aplicável a outros navegadores (permitindo assim que a escala de FF ou Opera, por exemplo) ou é uma extensão do proprietário do webkit?
@ Engelium:
resizeparte do CSS 3 suportado em parte pelos vários navegadores disponíveis. WebKit, em seguida, Safari e Chrome são os únicos - eu sei - que já implementaram. . Como parte do W3C/CSS3 específica, deve ser suportado em versões futuras dos navegadores como Firefox, Opera, etc ... para o pior, como já acontece comborder-radius, irá usar nomes diferentes, tais como-moz-resize. Para o Firefox, no entanto, assim como vários scripts "amulano" Javascript tal comportamento, há também um add-on Resizeable TextareaBem, eu estava interessado como um webmaster para o fato de que existem addons I UserJS ou pequenas mudanças
obrigado pela resposta
Aqui, o que eu queria.
Obrigado!
E parabéns por artigos.
[...] Muito curto truque: desativar o redimensionamento de um textarea no Safari [...]
Portanto, não é válido CSS2 e CSS3?
Mmmmm ....
@ Napolux:
Como você sabe os navegadores mais recentes têm começado a apoiar - em parte - CSS3. Eu acho que é onde ele apoiou a CSS3
resizevocê pode vê-lo e depois desligá-lo. Naqueles que não supprotano esta abordagem passa despercebido ... ou pelo menos eu espero