dystar001 发表于 2021-8-2 22:52:49

怎样做个透明的按钮

本帖最后由 dystar001 于 2021-8-3 01:35 编辑

请教各位大神，怎样用CSS做出一个透明的按钮？
背景透明的按钮，但是文字和边框还要可见的。类似这样的：




前提是某一个按钮透明，而不是所有的按钮都透明。
所有按钮都透明的CSS是可以这样写的：

.fgc-btn {

background-color: transparent !important;
}








zyk.Zhou 发表于 2021-8-2 22:52:50




.backa>button{
      background-color: transparent !important;
      
}



随风 发表于 2021-8-2 22:59:46

本帖最后由 随风 于 2021-8-2 23:03 编辑

设置样式就行了,背景色透明,透明度100%

dystar001 发表于 2021-8-3 01:30:51

随风 发表于 2021-8-2 22:59
设置样式就行了,背景色透明,透明度100%

兄弟，这样不行啊，这样整个按钮都看不见了。
要做个背景透明的按钮，但是文字和边框还要可见的。

谢谢！

wangpenga 发表于 2021-8-3 08:32:41

wangpenga 发表于 2021-8-3 09:18:48

本帖最后由 wangpenga 于 2021-8-3 09:41 编辑

.

wangpenga 发表于 2021-8-3 09:25:08

本帖最后由 wangpenga 于 2021-8-3 09:31 编辑

.

wangpenga 发表于 2021-8-3 09:30:55


给按钮加类名
.backa>button{
        background-color: transparent !important;
       
}





随风 发表于 2021-8-3 10:35:09

本帖最后由 随风 于 2021-8-3 10:45 编辑

dystar001 发表于 2021-8-3 01:30
兄弟，这样不行啊，这样整个按钮都看不见了。
要做个背景透明的按钮，但是文字和边框还要可见的。


要显示文字和边框,还有个办法,就是设置颜色透明,或者渐变,两颜色都设置100%透明!就是背景色那里设置其他颜色,透明度100%,后面的透明度就不用设置,那个是整个按钮的,或者就单独设置一个新的css,引一下.

David.Zhong 发表于 2021-8-3 11:59:22

如果想给单独的按钮设置样式，可以单独设置一个css类名哟~:P
大佬可能想复杂啦~
感谢楼上各位大佬的支持，如果有帮助到您，记得设置最佳哦~:loveliness:
页: [1] 2
查看完整版本: 怎样做个透明的按钮