Welcome, Old Sport!

自定义HTML标签textarea

by ilikecss ON 2014/07/17 2720

文本区域(textarea)标签定义多行的文本输入控件, 文本区中可容纳无限数量的文本。不同浏览器控件的样式各有不同,默认情况下我们可以调整文本区域的大小,水平,垂直等,通过控制伪元素甚至可以改变控件的图标。

textarea有以下集中属性: 水平, 垂直, 无

textarea { resize: horizontal; };
textarea { resize: vertical; };
textarea { resize: none; };

通过伪元素来改变控制按钮的样式: 图片或颜色

::-webkit-resizer{ 
   background-color: black; 
   background-image: url(xxx.jpg); 
}

我们可以来看一组演示:

目前以上功能支持主流浏览器,除了IE

textarea标签浏览器支持表

目前还没有评论



TOP