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

css笔记--input标签介绍

零下一度
Lepaskan: 2017-06-28 09:37:18
asal
1797 orang telah melayarinya

(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>
Salin selepas log masuk
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan