怎样做个透明的按钮

登录

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

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

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

.fgc-btn {

background-color: transparent !important;
}

zyk.Zhou · zyk.Zhou

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

复制代码

随风 · 随风

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

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

dystar001 · dystar001

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

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

谢谢！

wangpenga · wangpenga

wangpenga · wangpenga

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

.

wangpenga · wangpenga

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

.

wangpenga · wangpenga

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

}

随风 · 随风

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

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

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

David.Zhong · David.Zhong

如果想给单独的按钮设置样式，可以单独设置一个css类名哟~

大佬可能想复杂啦~
感谢楼上各位大佬的支持，如果有帮助到您，记得设置最佳哦~

		自动登录	找回密码
密码			立即注册

[已处理] 怎样做个透明的按钮

最佳答案

14 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

圣诞拼拼乐

悬赏达人

活字格高级认证

微信认证勋章

讲师达人