Rumah  >  Artikel  >  hujung hadapan web  >  css笔记--input标签介绍

css笔记--input标签介绍

零下一度
零下一度asal
2017-06-28 09:37:181743semak imbas

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

   解决方法:

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

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

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

<em>display: -webkit-box;<br>-webkit-box-orient: vertical;<br>-webkit-line-clamp:2;//表示第二行出现省略号<br>overflow: hidden;<br><br>(3)单行省略号<br></em>
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Atas ialah kandungan terperinci css笔记--input标签介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn