Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 【CSS】禁止Google浏览器允许定义调整多行文本框_html/css_WEB-ITnose

【CSS】禁止Google浏览器允许定义调整多行文本框_html/css_WEB-ITnose

WBOY
Freigeben： 2016-06-24 11:47:51
Original
1719 Leute haben es durchsucht

众所周知，多行文本框Textarea是不可以自己随便调整的，如下图，如果要调整，则要写很多的脚本：


这个也好，因为很多情况下，我们不需要开放给用户调整文本框，往往只是需要设置col与row属性，固定其大小就可以的。

可是，谷歌浏览器，对于，一个普通的：

<textarea></textarea>
Nach dem Login kopieren
却是可以如下图，轻易调整的：


这样会拖乱我们页面布局的，有时候调试不知道怎么回事，还以为样式没有写好，

你可以认为这是谷歌浏览器的错，谁叫用户自己没事在乱动这个多行文本框呢？

但是，我们可以做得更完美一点，在后面加上style="resize:none"，用户在谷歌浏览器也无法拖动了，如上图的右边文本框。

上面两个图其实就是如下的代码：

textareaResize<textarea></textarea>
Nach dem Login kopieren
可以看到style="resize:none"在IE中并没有任何影响的。

Verwandte Etiketten：
【CSS】禁止Google浏览器允许定义调整多行文本框
Quelle：php.cn
Vorheriger Artikel：Script标签_html/css_WEB-ITnose Nächster Artikel：pre标签_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2250
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2388
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
2001
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1885
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1955
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage