css雜記 css相容處理雜記 1

1、ios上輸入框（input）、輸入區域（textarea）在框體內側頂部會有灰色陰影，去掉的方法：

input

textarea

2、chrome在輸入框（input）、輸入區域（textarea）被聚焦（focus）時，會多出藍色/黃色邊框，去掉方法：

input:focus

textarea:focus

3、支援html5屬性的瀏覽器中，輸入區域（textarea）預設是可縮放的，禁止縮放的方法：

textarea

4、ie10+中，所有輸入框（input）輸入最後會有黑色叉叉按鈕，去掉的方法：

input::-ms-clear

5、ie10+中，密碼輸入框（input[type="password"]）輸入時，最後會有小眼睛，去掉的方法：

input[type="password"]::-ms-reveal

css雜記 css相容處理雜記 2

1 ie上對於沒有內容的a標籤，使用display block會失效 解決辦法 給這個a設乙個背景色 然後透明度調成透明即可 2 css強制換行 word wrap break word 3 css一行太長，最後用省略號表示 display inline block text overflow el...

雜記 CSS布局

1.側邊欄的高度自適應，如圖 右邊的其他方式登入的白色豎條div要根據下面的內容自適應高度。這個頁面總的布局是 可能有多個按鈕 1.1 其中的body為了能水平居中，所以有以下屬性 margin 0 auto display flex direction row 為了讓子div能高度自適應，所以再新...

CSS樣式適配雜記

解答 給input框增加vertical align bottom 2.問 ie下display inline block不起作用。答 display inline block後面增加 display inline zoom 1 具體參見 該文對inline block有詳細分析。3.問 如何取消i...