jQ移動更改特定按鈕的邊框半徑

Question

我正在使用jQMobile，並且想要更改按鈕的邊框半徑，完全是一個按鈕，而不是整個類應用於按鈕，這甚至有可能嗎？

下面的代碼的一部分：

<!-- language: html --> 
<div class="ui-grid-b"> 
    <div class="ui-block-a"> 
    <button type="submit" data-theme="a" class="ui-btn-hidden flight-type-btn-1" data-disabled="false" data-mini="true">Return</button> 
    </div> 
    <div class="ui-block-b"> 
    <button type="submit" data-theme="a" class="ui-btn-hidden flight-type-btn-2" data-disabled="false" data-mini="true">One Way</button> 
    </div> 
</div> 

和CSS：

.flight-type-btn-2 { 
    border-radius: 5px; 
} 

，並與樣品最後一個的jsfiddle：http://jsfiddle.net/juaning/rUBqm/

乾杯

Answer 1

jQuery Mobile的應用額外的標記來風格化jQuery Mobile應用程序中使用的所有小部件陽離子。這意味着該按鈕不是您在應用所有樣式時實際看到的。看看你的jsfiddle的源代碼，你應該能夠看到你的按鈕實際上被包裝在一個div中，這是控制你看到的「按鈕」的東西。

您的標記改爲

<div class="ui-grid-b"> 
    <div class="ui-block-a flight-type-btn-1"> 
     <button type="submit" data-theme="a" class="ui-btn-hidden " data-disabled="false" data-mini="true">Return</button> 
    </div> 
    <div class="ui-block-b"> 
     <button type="submit" data-theme="a" class="ui-btn-hidden flight-type-btn-2" data-disabled="false" data-mini="true">One Way</button> 
    </div> 
</div> 

添加類到div而非按鈕

，並改變你的CSS

.flight-type-btn-1 div { 
    border-radius: 8px; 
} 

Fiddle