jquery - jQuery Mobileでボタンを丸くする方法は？

Question

jquery mobileを使用して、このようにボタンを丸くするにはどうすればよいですか？

（ちなみに、サンプル画像のグレア効果については質問していません）

Answer 1

解決

実例は次のとおりです：http：//jsfiddle.net/Gajotres/XMu9t/

#custom-btn {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    http://www.lawyersgunsmoneyblog.com/wp-content/uploads/2012/08/american-flag-2a.jpg
}

#custom-btn span span {
    height: 100px !important;  
    line-height: 70px;
}

より詳しい情報

この種の変更を自分で行う方法を学びたい場合は、この記事を確認する必要があります。これを自分で行う方法を説明します。

Answer 2

旗の背景画像と組み合わせて、DIV要素で50％の境界半径を使用できます。次に、クリックイベントをこのDIV要素にバインドして、アクションを実行するために使用できます。

.circle_button {
    width:250px;
    height:250px;
    border-radius: 50%;
    background:url(flag.png) center center no-repeat;
}

jQuery(".circle_button").click(function(){
    //add click code here
});

<div class="circle_button"></div>

参照：http ：//davidwalsh.name/css-circles

おそらくこれは、ボタンクラスを使用してjQuery Mobileで実現できますが、ドキュメントを見ると、ボタンの角が丸いかどうか、特にボタンの境界半径ではないかどうかを指定できます。