我正在尝试为我的表单设置提交按钮的样式。我查看了“按钮”标签,并添加了我的 CSS 样式,但该按钮的默认样式仍然很糟糕。
这是我目前所拥有的:
<button name="visit_return_button" id="visit_return_button" type="submit" class="visit_return_button">
Increase
</button>
我的 css 样式可以正常工作,但我的边框和背景颜色也很难看。我也在研究 JavaScript,但我不喜欢并非所有浏览器都启用 JS 的想法。
下面是按钮的图片,上面的是它的样子,下面的是它应该看起来的样子:
这是我的 CSS:
#visit_return_button{
width:90px;
height:30px;
position:absolute;
background-image: url(image/build_button.png);
background-repeat: no-repeat;
/*font-family: Tahoma, Geneva, sans-serif;*/
font-size: 14px;
font-weight: normal;
color: #FFF;
text-align: center;
/*margin: auto;*/
padding-top: 10px;
margin-top:-20px;
}
非常感谢任何帮助,谢谢
最佳答案
要么尝试像 border:0;
一样隐藏 border
并调整背景以满足您的需要,要么不使用背景图像并尝试使用 pure css 和 border-radius
这似乎是个更好的主意。参见 http://jsfiddle.net/qVkRs/1/
关于javascript - HTML - 样式化表单按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10164555/