邊框沒有顯示在提交按鈕

當我嘗試添加一個邊框到我的按鈕的樣式，它沒有顯示出來。我之前成功完成了這項工作，但不知道我這次做錯了什麼。邊框沒有顯示在提交按鈕

這裏的HTML：

<input name="submit" type="submit" class="mediumbutton" value="Submit">

這是我的CSS：

.mediumbutton { 
    width: 140; 
    height: 40; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #666; 
    font-size: 24px; 
    background-color: #DDD; 
    border: 3px; 
    border-color: #000; 
}

感謝。

來源

2012-05-29 PJCH

您缺少border-style，請嘗試border: 3px solid #000000;。

「由於邊框樣式的初始值是‘無’，無國界除非邊框樣式設置將可見。」 - http://w3.org/tr/css21/box.html#propdef-border-style

此外，您width和height屬性值缺失unit of measurement。儘管input元素有些例外，但通常如果在缺少此類單元的情況下應用這些尺寸，則可能表示您的文檔正在呈現在quirks mode中，可以通過確保正確包含適當的文檔類型聲明（<!doctype html>）（在它之前應該是絕對沒有的第一行）。

來源

2012-05-29 00:37:50 reisio

邊框沒有顯示在提交按鈕

回答

相關問題