首頁 > web前端 > html教學 > css筆記--input標籤介紹

css筆記--input標籤介紹

零下一度
發布: 2017-06-28 09:37:18
原創
1798 人瀏覽過

(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;
登入後複製

以上是css筆記--input標籤介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板