Question

我已将图片放在无边框button标记中。使用 Tab 选择按钮时，图像周围会出现棕色边框。如何将该矩形的颜色从棕色更改为白色。是否可以有一个内部和外部为蓝色阴影的白色矩形。

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>

修改

我可以使用style=outline-color:white

更改突出显示颜色

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>

这是我的初始页面加载图像，如果我按 Tab ，我会得到类似于显示的高亮显示

如何增加矩形宽度。

Answer 1

<input type="button"

    value="Button with border"

    style="color: #07c;

        border: 2px solid #07c;

        padding: 2px 5px;" />

访问此link了解详情。

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 个答案: