css多行省略……
? ? overflow: hidden;
? ? text-overflow: ellipsis;
? ? display: -webkit-box;
? ? -webkit-line-clamp: 1;
? ? -webkit-box-orient: vertical;
一行省略
? ? overflow: hidden;
? ? white-space: nowrap;
? ? text-overflow: ellipsis;
? ? display: block;
清除浮動
.clearfix{zoom:1;}
.clearfix:after{
? ? display:block;
? ? content:'clear';
? ? clear:both;
? ? line-height:0;
? ? visibility:hidden;
}
方法二
.clearfix:after,
.clearfix:before{/*before 是為了防止瀏覽器頂部空白的崩潰*/content:" ";display:table;}.
clearfix:after{clear:both;}
css1，css2 偽元素和偽類? :
css3
偽元素? ::? IE8不支持::
偽類? :
修復(fù)iPhone上submit按鈕bug
-webkit-appearance: none;
問題描述：谷歌瀏覽器默認(rèn)填充內(nèi)容是，背景色會變成黃色
解決方法一：使用其他顏色覆蓋黃色背景
input:-webkit-autofill?{?box-shadow:?0?0?0px?1000px?white?inset;}
解決方法二：關(guān)閉自動填充功能，就不會有黃色背景了
<input id="phone" autocomplete="off" type="text" maxLength="11" placeholder="請輸入您的手機(jī)號碼"? />
修改滾動條默認(rèn)樣式
.video-list ul{
width: 264px;
height: 497px;
overflow: auto;
*position: relative;
scrollbar-base-color: #5A5A5A;
scrollbar-track-color: #262626;
scrollbar-arrow-color: #5A5A5A;
}
.video-list ul::-webkit-scrollbar {
background: #262626;
width: 5px;
}
.video-list ul::-webkit-scrollbar-thumb {
background: #5A5A5A;
}
CSS清除select原始樣式
select {
? ? ? ? -webkit-appearance: none;
? ? ? ? -moz-appearance: none;
? ? ? ? -ms-appearance: none;
? ? ? ? appearance: none;
}
清除IE的默認(rèn)選擇框樣式，隱藏下拉箭頭
select::-ms-expand {? ? ? ? display: none; }
chrome默認(rèn)定義的background-color，background-image，color不能用!important提升其優(yōu)先級以外，其他的屬性均可使用!important提升其優(yōu)先級
