Jquery的移動按鈕更小

可能重複：Jquery的移動按鈕更小

<a href="index.html" data-role="button" >Yes</a>

甲小型按鈕：
resizing a BUTTON through CSS

jQuery中移動一個按鈕可以被創建可以與數據迷你=「真」創建：

<a href="index.html" data-role="button" data-mini="true">Yes</a>

我怎樣才能更小創建一個按鈕？ （我知道jQuery Mobile的不具備默認甚至更多的小按鈕）（我只需要它）做的

來源

2012-10-22 RJuliao

也許這將幫助你http://stackoverflow.com/a/11673307/1546946 – yenssen

一種方法是重寫默認的CSS樣式的按鈕大小，並添加到自己的CSS類，你可以接着上的按鈕設置要小：

的CSS：

/* These values can be changed to preferred sizes */ 
.ui-mini.ui-mini-smaller .ui-btn-inner { 
    font-size: 10px; 
    padding: .45em 10px .4em; 
}

然後使用它像這樣：

<a href="index.html" data-role="button" data-mini="true" class="ui-mini-smaller">Yes</a>

看到這裏例如：http://jsfiddle.net/XVJem/3/

來源

2012-10-22 19:11:04

的'important'標誌是沒有必要的，如果你正常範圍的選擇：！'的.ui迷你例如.ui-mini-smaller .ui-btn-inner。此外，按鈕大小由「font-size」和「padding」兩個屬性設置，因此如果要創建不同大小的按鈕，那麼這兩個屬性即可更改。 – Jasper

@賈斯珀感謝您的意見，我已經更新了答案。 –

謝謝。這正是我正在尋找的。 – RJuliao

Jquery的移動按鈕更小

回答

相關問題