Html 如何从按钮中删除背景

我有一个基本的按钮，你点击它，它会显示一个模式，但我无法使按钮透明，使它没有背景，但只有文本是可见的

我在这里和谷歌搜索，包括w3学校的解决方案，但我一直没有成功

HTML:

截图：

---

非常感谢您的帮助。

只显示了边框，添加

边框：无


button.subscribe{
背景：无；
边界：无；
}
/*模态（背景）*/
.莫代尔{
显示：无；/*默认情况下隐藏*/
位置：固定；/*保持原位*/
z指数：1；/*位于顶部*/
左：0；
排名：0；
宽度：100%；/*全宽*/
高度：100%；/*全高*/
溢出：自动；/*根据需要启用滚动*/
背景色：rgb（0,0,0）；/*回退色*/
背景色：rgba（0,0,0,0.4）；/*黑色w/不透明度*/
-webkit动画名称：fadeIn；/*在背景中淡入淡出*/
-webkit动画持续时间：0.4s；
动画名称：fadeIn；
动画持续时间：0.4s
}
/*模态内容*/
.模态内容{
位置：固定；
底部：0；
背景色：#fefe；
宽度：100%；
-webkit动画名称：slideIn；
-webkit动画持续时间：0.4s；
动画名称：slideIn；
动画持续时间：0.4s
}
/*关闭按钮*/
.结束{
颜色：白色；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#000；
文字装饰：无；
光标：指针；
}
.模态标题{
填充：2x16px；
背景色：#000；
颜色：白色；
}
.模态体{
填充：2px16px；}
.模态页脚{
填充：2x16px；
背景色：#5cb85c；
颜色：白色；
}
/*添加动画*/
@-webkit关键帧幻灯片{
从{底部：-300px；不透明度：0}
到{底部：0；不透明度：1}
}
@关键帧幻灯片{
从{底部：-300px；不透明度：0}
到{底部：0；不透明度：1}
}
@-webkit关键帧fadeIn{
从{opacity:0}
到{opacity:1}
}
@关键帧淡入淡出{
从{opacity:0}
到{opacity:1}
}

按钮
订阅Galaxy邮件列表

欢迎来到银河游戏订阅管理页面。Galaxy邮件列表是获得我们所有游戏公告、官方发布、竞赛、特别活动等早期消息的最佳方式。确保您已登记接收所有
更新

您应该将按钮的背景色设置为透明

    button.subscribe {background-color: transparent;border: none; outline: none;}

通常，HTML按钮具有默认样式。但是你可以用CSS改变按钮的外观


.b1{
边界：无；
背景：无；
光标：指针；
保证金：0；
填充：0；
}
我是一个按钮
边框：无Ise按钮。订阅{background:transparent！important}并让我知道它是否有用。最好为代码添加一些解释。请不要回滚好的编辑。从不知道如何取消设置
。必须在不访问CSS样式表文件的情况下覆盖DokuWiki的设置。非常感谢！
button.subscribe{
    background:none;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
  position: fixed;
  bottom: 0;
  background-color: #fefefe;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #000;
  color: white;
}

.modal-body {
    padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

button { background: unset !important;
border: unset !important;
outline: unset !important; }

    button.subscribe {background-color: transparent;border: none; outline: none;}

button.subscribe {
    background:none;
    border:none;
}