如何让button按钮变成透明

html-css017

如何让button按钮变成透明,第1张

让button按钮变成透明的方法

设成别的颜色很简单啊,控件属性--外观---BackColor

<asp:button id="button1" runat="server" BackColor="#FFE0C0"></asp:button>

设成透明你可以试试css样式的background-color:transparent

<style>

.transButton{background-color:transparent}

</style>

<asp:button id="button1" runat="server" CssClass="transButton"></asp:button>

方法和详细的操作步骤如下:

1、第一步,打开软件并创建一些默认复选框,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,在顶部样式标签上设置输入样式,将输入的显示属性设置为none,删除默认的单选框,然后设置每个单选框的边距,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,继续设置下面的样式,设置“label”标签的伪元素before和after,然后将原始复选框更改为状态属性,“

 checked + label”设置为红色的实心框,并取消选中状态,“ label :: after”为白色空心框,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,打开浏览器,可以看到设置的样式,去掉了默认样式,见下图。这样,就解决了这个问题了。

css中除了设置display:none,还要设置opacity:0

也就是说,一开始就要把透明度设为完全透明,否则的话,当鼠标第一次放上去,show()运行后按钮就立刻出来了!