输入中不需要的粗体 - HTML

时间:2015-06-19 09:20:47

标签: html css

我必须按“YES”和“NO”按钮,如下图所示

enter image description here

enter image description here

enter image description here

enter image description here

赞成

HTML

<div class="margin-1half-em padding-zero text-center" >
        <input type="button" class="login-btn cursor-pointer padding-left-1em padding-right-1em" value="YES">
</div>

CSS

.login-btn {
  border: 1px solid #999999;
  padding: 0.15em 0.75em;
  color: #012258;
  background: #15DB00;
  font-weight: bold;
  font-size: 1.2vw;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 2px 0px #666;
  -moz-box-shadow: 0px 1px 2px 0px #666;
  box-shadow: 0px 1px 2px 0px #666;
  font-family: FTR55;
}

对于否

HTML

<div class="margin-1half-em padding-zero text-center" >
    <input type="button" class="login-btn padding-left-1em padding-right-1em" style="background-color: red; color: white;" value="NO">
</div>

CSS

.login-btn {
      border: 1px solid #999999;
      padding: 0.15em 0.75em;
      color: #012258; // Overridden for no
      background: #15DB00; // Overridden for no
      font-weight: bold;
      font-size: 1.2vw;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      -webkit-box-shadow: 0px 1px 2px 0px #666;
      -moz-box-shadow: 0px 1px 2px 0px #666;
      box-shadow: 0px 1px 2px 0px #666;
      font-family: FTR55;
    }

问题:文字比文字更粗体。我不知道为什么会这样?

P.S:填充和边距类仅用于填充和边距。

0 个答案:

没有答案