2009-12-28 38 views
1

我使用FF作爲主要的測試平臺和Chrome(Mac版)作爲次要的。 我剛剛注意到Chrome瀏覽器顯示〜20px關閉定位CSS。 (只是爲了清楚顯示,與FF相比,Chrome瀏覽器顯示的是TEXTAREA〜20px) 此外,Chrome並未遵守TEXTAREA的寬度CSS屬性。谷歌鉻爲mac定位頭痛

難道只是我或每個人都有這個問題嗎?我認爲IE很瘋狂。

TEXTAREA { 
    background-color: white; 
    border: #ccc 2px solid; 
    color: black; 
    font-family: calibri, helvetica, arial, verdana, ms sans serif; 
    padding: 10px; 
    font-size: 16pt; 
    font-weight: normal 
    min-width:320px; 
    min-height:138px; 
    max-height:138px; 
    resize: none; 
} 

有沒有解決方案?

回答

1

我認爲這會有所幫助,如果你可以告訴我們你的'麻煩'的頁面。也許做一個副本並將其上傳到網絡,以便我們可以給它一張支票?

無論如何,我相信它不僅僅是textarea本身。也許是它的一個包含元素,對父div或表td的規則或誰知道。由於它是一個textarea,我敢肯定有一個表格或提交的某種類型,所以是的,請告訴我們更多的代碼;)

無論如何,您可能會發現這個有用,以便您可以單獨編輯您的代碼MOZ或鉻:

Gecko的瀏覽器(FIREFOX):

@-moz-document url-prefix() { 
    /* Gecko-specific CSS here */ 
} 

WebKit瀏覽器(CHROME,SAFARI):

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Webkit-specific CSS here */ 
} 

乾杯

1

不同的瀏覽器有不同的默認值。將以下內容添加到CSS文件的頂部:

 
* { 
    margin: 0; 
    padding: 0; 
} 

此外,您使用的是什麼文檔類型?如果XHTML,那麼「TEXTAREA」需要小寫。