边框未显示在提交按钮上

0 html css

当我尝试为按钮的样式添加边框时,该边框没有显示。我之前已经成功完成了此操作,但不知道这次我做错了什么。

这是HTML:

<input name="submit" type="submit" class="mediumbutton" value="Submit">
Run Code Online (Sandbox Code Playgroud)

这是我的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;
}
Run Code Online (Sandbox Code Playgroud)

谢谢。

rei*_*sio 5

您缺少一个border-style,请尝试。border: 3px solid #000000;

由于边框样式的初始值为'none',除非设置了边框样式,否则边框将不可见。-http://w3.org/tr/css21/box.html#propdef-border-style

此外,您的widthheight属性值缺少度量单位。尽管input元素有些例外,但是通常,尽管缺少此类单位,但如果仍采用这种尺寸,则可能表明您的文档以怪异模式呈现,可以通过确保<!doctype html>适当包含适当的doctype声明()来纠正(应该是绝对没有任何内容的第一行)。