提交按鈕CSS樣式不同Mac和Windows

我有一個small demo contact form，我試圖使用Ajax生成。當我去設計提交按鈕時，它會正確填充填充和字體大小。然而，在我運行OSX Lion的Macbook上，按鈕仍然看起來沒有填充，沒有更大的字體大小等默認值。提交按鈕CSS樣式不同Mac和Windows

我已經經歷了這幾次，我不知道如何解決這個問題。 CSS樣式通常對於所有操作系統都是一樣的，並且這會讓我陷入循環...

下面是兩臺計算機的兩張圖像截圖，以便您明白我的意思。

Windows 7的

WIN7

OS X Lion的

Mac OS X

有，我應該使用重置的Mac風格的一個特殊屬性的規則？我只想編輯提交按鈕的字體大小，填充，顏色等。它在所有瀏覽器中的行爲也是如此。

真的很感謝這方面的幫助！

編輯：這裏是我的代碼

<input type="submit" name="submit" value="Send E-mail" id="sendbtn" class="sendbtn">

CSS文件

form .sendbtn { display: block; font-size: 26px; padding: 3px 6px; }

來源

2012-06-02 Jake

哪裏是代碼........ – 2012-06-02 14:45:45

燁剛在底部添加我的CSS和HTML代碼。 – Jake

當前，您並未指定任何可以使瀏覽器中的按鈕相同的樣式。操作系統下的每個瀏覽器都使用默認樣式作爲按鈕（受到主題以及任何影響）。您需要指定更多的東西，如background，color，border等

例如，這應該是相同的跨瀏覽器：

form .sendbtn { 
    display: block; 
    font-size: 26px; 
    padding: 3px 6px; 
    background:#eee; 
    color:blue; 
    border:none; /* or whatever */ 
}

來源

2012-06-02 14:58:35 Sarfraz

這真是太好了，謝謝。 – Jake

@JakeRocheleau：不客氣 – Sarfraz

如果添加邊框和背景屬性按鈕的CSS，它會工作。

來源

2012-06-02 14:56:26 vivek

提交按鈕CSS樣式不同Mac和Windows

回答

相關問題