2016-10-26 12 views
2

私はブートストラップglyphiconラウンドシェイプを作成したいと思います。境界線の半径をクラスglyhphicon-menuに追加しましたが、何も起こっていないと思います。ブートストラップ・グリフィコン・サークルの作成方法は?

main.htmlを

<span type="button" class="glyphicon glyphicon-th-list glyhphicon-menu" ng-click="isCollapsed = !isCollapsed" id="treelist"></span> 

のmain.css

.glyphicon.glyhphicon-menu { 
    font-size: 30px; 
    border-radius: 50%; 
} 
+0

検査要素を試してみて、.glyphicon.glyphiconメニューがある場合は以下を参照してくださいする前に、そこにそれを変更してみてください。 – Jeff

+0

'.glyphicon.glyphicon-menu:before'はそこにはなく、私はchromeで変更しましたが結果はありません。' font size'プロパティが変更されています。 – hussain

+2

スパンに背景色または境界線が適用されていますか? – RMo

答えて

0

は、あなただけの国境外に出overflow:hiddenそれクリップようにテキストを追加する必要があります。

.glyphicon.glyhphicon-menu { 
 
    font-size: 30px; 
 
    border-radius: 50%; 
 
    overflow:hidden; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<span type="button" class="glyphicon glyphicon-th-list glyhphicon-menu" ng-click="isCollapsed = !isCollapsed" id="treelist"></span>

関連する問題