时间戳

首页 > 解决方案 > 我想把输入按钮从灰色变成黑色

css - 我想把输入按钮从灰色变成黑色

问题描述

我正在创建一个没有 js 的网页，我拥有的 llok 非常完美，除了一个灰色输入/提交框，我尝试了各种带有按钮代码的选项，但无法将它们变成黑色或蓝色甚至透明，是有可能吗？如果是的话怎么办？有人请帮忙

.input { 
  background-color: transparent; 
  background: #7ec2cf; 
  color: #eaed5e; 
  font-size: 15px; 
  line-height: 15px; 
  padding: 3px; 
  border-radius: 2px; 
  font-family: Georgia, serif; 
  font-weight: bold; 
  text-decoration: none; 
  font-style: normal; 
  font-variant: small-caps; 
  text-transform: none; 
  border-color: #7ec2cf; 
  border-style: #7ec2cf 2px; 
  display: inline-block; 
} 

.input:hover { 
  background: #eaed5e; 
  color: #7ec2cf
} 

.input:active { 
  background: #7ec2cf; 
  color: #eaed5e
}
<div class="input">
  <input value="Logout" type="submit">
</div>

<input name="a" value="lo" type="hidden">
<input name="s" value="0oiRYW3Nvf0YC1Fk" type="hidden">

标签： css

解决方案

html:

<form method="post">
<div>
<input value="Logout" type="button" class="press">
</div>
<input name="a" value="lo" type="hidden">
<input name="s" value="0oiRYW3Nvf0YC1Fk" type="hidden">
</form>

CSS：

.press {
   background-color: blue;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.input:hover { background: #eaed5e; color: #7ec2cf} .input:active { background: #7ec2cf; color: #eaed5e }

这是你想要的吗？

推荐阅读