更改按钮标签的边框颜色

Question

I have put an image in border-less button tag. 我已将图像放在无边框button标签中。 When the button is selected with Tab , a brown border appears around the image. 用Tab选择按钮时，图像周围会出现棕色边框。 How do I change color of that rectangle from brown to white. 如何将矩形的颜色从棕色更改为白色。 Is is possible to have a white rectangle with inner and outer shadow of blue. 可以有一个内部和外部阴影为蓝色的白色矩形。

HTML HTML

<td align=center valign=middle>
  <figure>
    <button style="background-color:black; height:160px;width:160px ; border:none">
        <img src="F:\rashmi\icons_tv\Help_Normal.png">
    </button>
    <figcaption><font size="5" color="white" style="font-weight:bold"><center>help</center></font>

    </figcaption>
  </figure>
</td>

EDIT: 编辑：

I can change highlight color by using style=outline-color:white 我可以使用style=outline-color:white更改突出显示颜色

HTML HTML

<html>

    <body>
        <tr>
            <td align=center valign=middle>
                <figure>
                    <button style="background-color:black; height:160px;width:160px ; border:none;outline-color:white;">
                        <img src="F:\rashmi\icons_tv\Help_Normal.png">
                    </button>
                    <figcaption><font size="5" color="white" style="font-weight:bold"><center>help</center></font>

                    </figcaption>
                </figure>
            </td>
            <td align=center valign=middle>
                <figure>
                    <button style="background-color:black; height:160px;width:160px ; border:none;outline-color:white;">
                        <img src="F:\rashmi\icons_tv\Help_Normal.png">
                    </button>
                    <figcaption><font size="5" color="white" style="font-weight:bold"><center>help</center></font>

                    </figcaption>
                </figure>
            </td>
        </tr>
    </body>

</html>

Here is my initial page load image and if I press Tab I get a highlight similar to what is shown 这是我的初始页面加载图像，如果我按Tab键 ，将得到一个类似于所示的突出显示

How do I increase the rectangle width. 如何增加矩形的宽度。

Answer 1

<input type="button"

    value="Button with border"

    style="color: #07c;

        border: 2px solid #07c;

        padding: 2px 5px;" />

Visit this link for more details. 访问此链接以获取更多详细信息。

Answer 2

[custom_button text="Custom Button" title="Custom Button" url="http://www.your_link_goes_here..." size="medium" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"]

更改按钮标签的边框颜色

问题描述

2 个解决方案

解决方案1
2 2010-12-29 09:56:16

解决方案2
-1 2016-02-29 02:14:49

更改按钮标签的边框颜色

问题描述

2 个解决方案

解决方案1 2 2010-12-29 09:56:16

解决方案2 -1 2016-02-29 02:14:49

解决方案1
2 2010-12-29 09:56:16

解决方案2
-1 2016-02-29 02:14:49