Adobe 如何使提交按钮以正确的颜色正确显示,而不是一半为黑色?

Adobe 如何使提交按钮以正确的颜色正确显示,而不是一半为黑色?,adobe,submit-button,business-catalyst,Adobe,Submit Button,Business Catalyst,出现问题的页面位于。这个主题被称为强有力的 我创建了一个新网站,创建了一个新表单。当我将表单添加到页面中时,submit按钮出现问题。我发现唯一一件可能相关的事情是在z轴上向上移动按钮(我相信),但我也不知道怎么做 按钮工作正常,但显示不正确 谢谢 更新2014年10月23日Steve88部分回答了我的初始问题。css的改变确实使一种颜色从左到右显示,在提交按钮上显示白色而不是浅绿色;它还去掉了按钮的黑色部分。它给了我一个透明的灰色框在按钮的一部分,并使按钮方形虽然 我做了更多的挖掘,并在www

出现问题的页面位于。这个主题被称为强有力的

我创建了一个新网站,创建了一个新表单。当我将表单添加到页面中时,submit按钮出现问题。我发现唯一一件可能相关的事情是在z轴上向上移动按钮(我相信),但我也不知道怎么做

按钮工作正常,但显示不正确

谢谢

更新2014年10月23日Steve88部分回答了我的初始问题。css的改变确实使一种颜色从左到右显示,在提交按钮上显示白色而不是浅绿色;它还去掉了按钮的黑色部分。它给了我一个透明的灰色框在按钮的一部分,并使按钮方形虽然

我做了更多的挖掘,并在www.htmlgoodies.com/beyond/css/article.php/3891201和www.w3schools.com/css/css3_borders.asp上找到了答案,帮助我找回了圆角

为边界半径添加CSS代码为我提供了所需的角。包括-moz边框半径和-webkit边框半径,以增强交叉浏览器的兼容性

我还让按钮悬停正常工作

…原始CSS

对于按钮(有更多代码,但这是关键部分。)

按钮悬停

.webform .cat_button:hover {
background: url(../images/buttons/submit_button.png) no-repeat 100% -39px; }
.webform .cat_button:hover {
background: url(../images/buttons/submit_button.png) 0 -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) no-repeat 100% -39px; }
.webform .cat_button:hover {
background: url(../images/buttons/submit_button.png) 0 -39px; }

将背景样式更改为:

背景:url(“../images/buttons/submit_button.png”)重复50%0RGBA(0,0,0,0)


这是style.css的第1614行

谢谢。我测试了你的建议“背景:url(../images/buttons/submit_button.png”)重复50%0RGBA(0,0,0,0);”。使按钮呈方形和白色。现在有一个透明的灰色框从按钮的顶部一直到底部。我不知道你到底想达到什么目的?