Выделите изображение на вкладке изменения

Question

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

У меня есть такой код:

<td><a href="javascript:doSubmit();"><img src="../images/sign-in-btn.jpg" alt="" width="78" height="25" /></a></td>

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

Ожидание раннего ответа.

Заранее спасибо: Tanu

Answer 1

Если вы хотите, чтобы ваше изображение во время фокусировки велось как стандартная кнопка, показывающая ту же пунктирную границу, вам просто нужно установить для нее свойство .tabIndex:

<td>
<a href="javascript:doSubmit();">
<img src="../images/sign-in-btn.jpg" tabindex="0" alt="" width="78" height="25" />
</a></td> 

Answer 2

ОК, я нашел другой способ. Вместо элемента img попробуйте использовать элемент ввода, тип которого "image":

<td>
<a href="javascript:doSubmit();">
<input type="image" src="../images/sign-in-btn.jpg" alt="" width="78" height="25" />
</a></td>

Эти элементы ввода обычно ведут себя как кнопки при нажатии или фокусировке.

Answer 3

Этого можно добиться с помощью jQuery, поставьте эту строку, когда перейдете на вкладку img

jQuery("#imgId").animate( { backgroundColor: '#65A6D1' }, 500).animate( { backgroundColor: 'white' }, 1000);