Как получить кнопку отправки для правильного отображения правильного цвета, вместо того, чтобы наполовину быть черным?

Question

Страница с проблемой находится по адресу http://blue123a.businesscatalyst.com/select. Тема называется Forceful.

Я создал новый сайт и создал новую форму. Когда я добавил форму на страницу, возникла проблема с кнопкой отправки. Одна из единственных вещей, которые я нашел, которые могут иметь значение, - это переместить кнопку на оси z (я считаю), но я не знаю, как это сделать.

Кнопка работает правильно, но отображается неправильно.

Спасибо.

Обновление 23.10.2014 Steve88 частично ответил на мой первоначальный вопрос. Сброс css сделал одно цветовое шоу слева направо, на белом фоне вместо aqua отобразился белый цвет; он также избавился от черной половины кнопки. Это дало мне прозрачный серый квадрат на части кнопки и сделало квадрат кнопки, хотя.

Я больше искал и нашел ответы на www.htmlgoodies.com/beyond/css/article.php/3891201 и www.w3schools.com/css/css3_borders.asp, которые помогли мне вернуть округленные углы.

Добавление кода 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; 

ДЛЯ КНОПКИ Hover

.webform .cat_button:hover { 
background: url(../images/buttons/submit_button.png) no-repeat 100% -39px; } 

. ... CSS с корректировками ...

FOR BUTTON

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

ДЛЯ КНОПКИ Hover

.webform .cat_button:hover { 
background: url(../images/buttons/submit_button.png) 0 -39px; } 

Answer 1

изменить ваш стиль фона к этому:

фон: URL ("../ изображений/кнопки/submit_button.png") повторяют 50% 0 RGBA (0 , 0, 0, 0);

его на линии 1614 в style.css