-1

有问题的页面位于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; }
4

1 回答 1

0

将您的背景样式更改为:

背景: url("../images/buttons/submit_button.png") 重复 50% 0 rgba(0, 0, 0, 0);

它在 style.css 的第 1614 行

于 2014-10-22T20:42:46.970 回答