找回密码
 立即注册

QQ登录

只需一步,快速开始

dystar001 悬赏达人认证

高级会员

63

主题

423

帖子

1686

积分

高级会员

积分
1686

活字格认证圣诞拼拼乐悬赏达人

dystar001 悬赏达人认证
高级会员   /  发表于:2021-8-2 22:52  /   查看:6129  /  回复:14
20金币
本帖最后由 dystar001 于 2021-8-3 01:35 编辑

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




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

.fgc-btn {

  background-color: transparent !important;
}








附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

14 个回复

倒序浏览
最佳答案
最佳答案
zyk.Zhou活字格认证
论坛元老   /  发表于:2021-8-2 22:52:50
来自 9#



  1. .backa>button{
  2.         background-color: transparent !important;
  3.       
  4. }
复制代码




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
随风悬赏达人认证
银牌会员   /  发表于:2021-8-2 22:59:46
2#
本帖最后由 随风 于 2021-8-2 23:03 编辑

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于:2021-8-3 01:30:51
3#
随风 发表于 2021-8-2 22:59
设置样式就行了,背景色透明,透明度100%

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

谢谢!
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 08:32:41
4#

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 09:18:48
5#
本帖最后由 wangpenga 于 2021-8-3 09:41 编辑

.

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 09:25:08
6#
本帖最后由 wangpenga 于 2021-8-3 09:31 编辑

.
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 09:30:55
7#

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





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
随风悬赏达人认证
银牌会员   /  发表于:2021-8-3 10:35:09
8#
本帖最后由 随风 于 2021-8-3 10:45 编辑
dystar001 发表于 2021-8-3 01:30
兄弟,这样不行啊,这样整个按钮都看不见了。
要做个背景透明的按钮,但是文字和边框还要可见的。

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-8-3 11:59:22
10#
如果想给单独的按钮设置样式,可以单独设置一个css类名哟~
大佬可能想复杂啦~
感谢楼上各位大佬的支持,如果有帮助到您,记得设置最佳哦~
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部