제출 버튼이 검은 색이 아닌 올바른 색으로 올바르게 표시되게하려면 어떻게해야합니까?

Question

문제가있는 페이지는 http://blue123a.businesscatalyst.com/select에 있습니다. 주제는 강제라고합니다.

나는 새 사이트를 만들고 새 양식을 만들었습니다. 양식을 페이지에 추가 할 때 제출 버튼에 문제가있었습니다. 내가 발견 한 유일한 것들 중 하나는 z 축 (나는 믿는다)에서 버튼을 위로 움직이는 것이지만, 나는 그것을하는 방법도 모른다.

버튼이 제대로 작동하지만 올바르게 표시되지 않습니다.

감사합니다.

업데이트 10/23/2014 Steve88이 내 초기 질문에 부분적으로 대답했습니다. CSS 변경으로 왼쪽에서 오른쪽으로 하나의 색상이 표시되고 제출 버튼에는 아쿠아 대신 흰색이 표시됩니다. 버튼의 검정색 부분도 제거했습니다. 그것은 나에게 단추의 부분에 투명한 회색 상자를 주었고 단추를 사각형으로 만들었다.

좀 더 파고 들어 대답을 찾았습니다. www.htmlgoodies.com/beyond/css/article.php/3891201 및 www.w3schools.com/css/css3_borders.asp에서 둥근 모서리를 되 찾을 수있었습니다.

border-radius에 CSS 코드를 추가하면 내가 원하는 모퉁이가되었습니다. 추가 크로스 브라우저 호환성을 위해 -moz-border-radius 및 -webkit-border-radius가 포함되었습니다.

버튼을 제대로 움직이게 설정했습니다. 버튼

... 원래 CSS ...

는 (더 많은 코드가있다, 그러나 이것은 필수적인 부분입니다.)

.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 ...

버튼

012 버튼 호버에 대한 3,516,

.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; } 

Answer 1

이 당신의 배경 스타일 변화 :

배경 : 홈페이지 ('../ 이미지/버튼/submit_button.png ")는 50 % 0 RGBA를 반복 (0 , 0, 0, 0);

해당 줄 1614 in style.css