css笔记--input标签介绍
程序员文章站
2022-03-30 07:57:41
...
(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标签介绍的详细内容,更多请关注其它相关文章!