当我尝试为按钮的样式添加边框时,该边框没有显示。我之前已经成功完成了此操作,但不知道这次我做错了什么。
这是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)
谢谢。
您缺少一个border-style,请尝试。border: 3px solid #000000;
“ 由于边框样式的初始值为'none',除非设置了边框样式,否则边框将不可见。 ” -http://w3.org/tr/css21/box.html#propdef-border-style
此外,您的width和height属性值缺少度量单位。尽管input元素有些例外,但是通常,尽管缺少此类单位,但如果仍采用这种尺寸,则可能表明您的文档以怪异模式呈现,可以通过确保<!doctype html>适当包含适当的doctype声明()来纠正(应该是绝对没有任何内容的第一行)。