当前位置:Gxlcms > html代码 > css笔记--input标签介绍

css笔记--input标签介绍

时间:2021-07-01 10:21:17 帮助过:97人阅读

(1)input标签type为search,输入内容时会出现清除内容icon,

解决方法:

input[type="search"]{-webkit-appearance:none;}

input::-webkit-search-cancel-button {display: none;}

(2)多行省略号(给出高度),也可以使用标签内容(...)l来遮住字符text-overflow: ellipsis;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;//表示第二行出现省略号
overflow: hidden;

(3)单行省略号
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

以上就是css笔记--input标签介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行