i have an application in which i have loaded image in to border less button tag with outline-color white now i need to increase width of outline(highlight of button)
if i do so using outline-width:3px which gives me same effect as of border-width:3px which i dont want. mean to say i dont want to see border around image in initial load i want to see highlight(form of rectangle) when button gets focus using tab key.
how do i increase width of highlight(outline) and now i get white color rectangle as outline how do i write inner and outer blue line around white rectangle.
here is my code snippet:
- Code: Select all
<td align=center valign=middle >
<figure>
<button style="background-color:black; border:none; width:160px; height:160px; ;outline-color:white;">
<img src="F:\rashmi\icons_tv\Help_Normal.png" onmouseover="zoom('57px','120px','96px','136px',this);"
onmouseout="zoom('57px','120px','57px','120px',this);" > </button>
<figcaption><font size="5" color="white" style="font-weight:bold <center>help</center></font></figcaption>
</figure>
</td>
please do help
