2013-03-07 25 views
0
<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> 

訪問該類這個代碼不工作如何在CSS

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

我是新手,CSS,請幫助我。 http://jsfiddle.net/shreeramns/4dRuP/

+0

你嘗試過什麼?請解釋你想要做什麼?其實這個工程 – zkanoca 2013-03-07 12:39:03

+0

根據需要在類使用屬性沒有問題。 – Sarang 2013-03-07 12:41:51

+0

@ozkanozlu我想調整Ask按鈕並減小按鈕的寬度 – Sriram 2013-03-07 12:42:58

回答

3

input是一個內聯元素,因此它不能有任何保證金應用。你需要使它成爲一個塊級元素:

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

而且,你不應該儘可能使用切緣陰性,用定位來代替。

+0

或'inline-block'。 – 2013-03-07 12:40:59

+0

它嘗試過,但沒有出現。請看看這個。 https://docs.google.com/file/d/0B7s0BYiHsMBtNnRPanNkOUtlc2c/edit?usp=sharing – Sriram 2013-03-07 12:53:14

0

您可能需要使用float:left兩個按鈕和文本框的

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

預覽>>http://jsfiddle.net/vmyc8/