有问题的页面位于http://blue123a.businesscatalyst.com/select。主题被称为Forceful。
我创建了一个新站点并创建了一个新表单。当我将表单添加到页面中时,提交按钮出现问题。我发现可能相关的唯一一件事是在 z 轴上向上移动按钮(我相信),但我也不知道该怎么做。
该按钮工作正常,但显示不正确。
谢谢。
2014 年 10 月 23 日更新 Steve88 部分回答了我最初的问题。css 更改确实使一种颜色从左到右显示,在提交按钮上显示白色而不是浅绿色;它也摆脱了按钮的黑色一半。它在按钮的一部分上给了我一个透明的灰色框,并使按钮成为方形。
我做了更多的挖掘并在 www.htmlgoodies.com/beyond/css/article.php/3891201 和 www.w3schools.com/css/css3_borders.asp 找到了帮助我找回圆角的答案。
为边框半径添加 CSS 代码给了我想要的角。包括 -moz-border-radius 和 -webkit-border-radius 以实现额外的跨浏览器兼容性。
我也让按钮悬停正常工作。
...原始CSS...
FOR BUTTON(有更多代码,但这是必不可少的部分。)
.webform .cat_button {
background: url("../images/buttons/submit_button.png") no-repeat scroll 100% 0 rgba
(0, 0, 0, 0);
border: 0 none;
对于按钮悬停
.webform .cat_button:hover {
background: url(../images/buttons/submit_button.png) no-repeat 100% -39px; }
....CSS调整...
按钮
.webform .cat_button {
background: url("../images/buttons/submit_button.png") no-repeat scroll 0 0
transparent;
border: 0 none;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
对于按钮悬停
.webform .cat_button:hover {
background: url(../images/buttons/submit_button.png) 0 -39px; }