Question

我的输入类型是一个按钮，我想自定义value属性的样式，并希望将其向左移动一点。还有其他输入按钮。我想将样式仅应用于此输入按钮。这是代码：

<input  style="width:85px;margin-left:-5px" type="button" value="Discuss" 
 onclick="location.href=''" name="sub" class="button-add  mebutton">

Answer 1

我认为您希望在悬停按钮时进行转换，然后您可以使用此链接了解如何执行此操作。

CSS3 - animate text align left/center/right

检查@Bart的答案你可以做那样的事情。

用于按钮检查的其他动画和效果this

Answer 2

<input type="button" value="Discuss" 
 onclick="location.href=''" name="sub" class="button-add  mebutton">

在css中添加此内容

<style>
        input[type=button]
                         {
                            margin-left:10px;
                            width:85px;
                          }
    </style>

Answer 3

删除内联样式并应用已添加的类mebutton中的样式。如果您认为mebutton类添加了所有位置，则为此按钮添加一些新类并应用它。使用text-align属性左/右对齐文本，并使用填充作为文本的位置。

.mebutton {
   width:85px;
   text-align:left;
   padding-left:10px;
}

我在以下代码段中添加了相同内容。

.mebutton {
  width:85px;
  text-align:left;
  padding-left:10px;
}

<input type="button" value="Discuss" 
 onclick="location.href=''" name="sub" class="button-add  mebutton">

Answer 4

<input class="btnstyle" type="button" value="Discuss" onclick="location.href=''" name="sub">

添加此css

<style>

.btnstyle {color：blue; font-size：24px;}

如何设置输入标记中值atrribute的样式？

4 个答案: