по нажатию кнопки отправки переместить свое место

Question

Я использую кнопку отправки для моей формы, она отлично работает во всех браузерах, кроме ie7 когда пользователь нажимает на него, он перемещается, пожалуйста, предложите мне, что делать

.confirm-button-submit 
{
   width       : 79px;
   font        : bold 12px sans-serif;;
   color       : #000;
   background      : url("../images/confirm-btn.png") 0 -33px no-repeat;
   text-decoration : none;
   margin-top      :0px;
   text-align:center;
   border:0px;
   cursor : pointer;
   height:32px;
   padding     : 8px 0px 12px 0px;
}

.confirm-button-submit:hover 
{
   width       : 79px;
   font        : bold 12px sans-serif;;
   color       : #fff;
   background      : url("../images/confirm-btn.png") 0 0 no-repeat;
   text-decoration : none;
   margin-top      :0px;
   text-align:center;
   border:0px;
   cursor : pointer;
   height:32px;
   padding     : 8px 0px 12px 0px;
}

Я использовал этот CSS, пожалуйста, скажите мне, что делать

код:

<input type="button" value="Show" name="commit" onclick="range_validation(this)" class="confirm-button-submit"/>`  

Answer 1

Во-первых, ваш CSS может быть значительно уменьшен:

УЛУЧШЕНО CSS:

.confirm-button-submit, .confirm-button-submit:hover
{
   width           : 79px;
   font            : bold 12px sans-serif;;
   color           : #000;
   background      : url("../images/confirm-btn.png") 0 -33px no-repeat;
   text-decoration : none;
   margin-top      : 0;
   text-align      : center;
   border          : 0;
   cursor          : pointer;
   height          : 32px;
   padding         : 8px 0px 12px 0px;
}

.confirm-button-submit:hover
{
   color       : #fff;
   background  : url("../images/confirm-btn.png") 0 0 no-repeat;
}

С вашим CSS все кажется в порядке, проблема может быть в другомглобальный стиль, который может повлиять на вашу кнопку или какой-либо другой элемент вашей страницы ... у вас есть ссылка для просмотра проблемы "в действии"?

Answer 2

указатель отправки имеет разные значения для изображения, чем другой класс отправки, не уверен, для чего они предназначены (никогда не использовал дополнительные значения), но они выглядят как значения позиционирования или поля.это может привести к тому, что изображение поменяется местами, когда он будет над ним висеть ... может быть?

Answer 3

Класс наведения автоматически наследует все значения, которые не указаны, поэтому любые повторяющиеся атрибуты можно удалить.

Кроме того, что вы подразумеваете под переехал? Если вы имеете в виду, что при наведении курсора кнопка перемещается, то удаление избыточных атрибутов поможет вам определить, какие атрибуты вызывают это.

Если это по щелчку, вам нужно будет показать нам функцию javascript «Range_validation», чтобы узнать, позиционирует ли она что-нибудь.