textarea css hack

Tweet




基本上各家瀏覽器對 HTML CSS 的解釋各不相同，是一件很急敗的事
個人不是很喜歡 css hack 所以遇到 CSS 版型的問題，都試著改寫法盡量讓各家瀏覽器符合
直到遇到了 textarea 這個鬼東西，他連最基本的外型、捲軸、長寬有差異化，逼不得已還是只能用 css hack
由於 css hack 根本不是標準寫法，所以一定一堆警告毛蟲，所以我乾脆把所有用 css hack 的都放在另一個 .css 檔裡，主檔再 @import

/* Safari chrome */

#inputArea {   

    min-width: 529px;

    max-width: 529px;

    min-height: 54px;

    max-height: 54px;

}

/* Firefox */

@-moz-document url-prefix() {

    #inputArea {

        min-width: 533px;

        max-width: 533px;

        min-height: 58px;

        max-height: 58px;

    }

}

 

/* Opera */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

    head~body #inputArea {

        min-width: 531px;

        max-width: 531px;

        min-height: 56px;

        max-height: 56px;

    }

}

/* IE */ 

#inputArea{

    min-width: 531px\9;

    max-width: 531px\9;

    min-height: 56px\9;

    max-height: 56px\9;

}

 

好啦，妖魔鬼怪們，乖乖聽令！