css - 如何在css中访问这个类

Question

<form name="fc">
         <div class="input-text">
         <input type="text" id="postquestion" name="postquestion" style="font-size:12px;"class="ps" value="" placeholder="What's Your Question..?" data-mini="true" />
         <a href="#dialog" class="dig" value="" data-role="button" data-icon="plus" data-inline="true" data-rel="dialog" data-iconpos="notext"></a>
         <input type="submit" value="Ask" class="ask" data-inline="true" data-mini="true"data-theme="b"/>
      </div>
</form>

此代码不起作用

.ask
{
margin-top:-10px;
}

我是css的新手，请帮助我。http://jsfiddle.net/shreeramns/4dRuP/

Answer 1

input是一个内联元素，因此它不能应用任何边距。您需要使其成为块级元素：

.ask
{
    display: inline-block;
    margin-top:-10px;
}

此外，如果可能，您不应该使用负边距，而是使用定位。

Answer 2

您可能必须同时使用float:left按钮和文本框

   .ask{
        margin-top:-10px;
        display:inline;
        position:relative;
        float:left;
    }
    .ps{
        float:left;
        display:inline;
    }

预览 >> http://jsfiddle.net/vmyc8/