2

境界線の半径とボックスの影を持つカスタム ボタンを作成しようとしています。ここに私のhtmlとcssがあります

.selectOptionButton{
  display: block;
  -webkit-box-shadow: inset 1px 1px 15px 2px #e7e6e0;
  -moz-box-shadow: inset 1px 1px 15px 2px #e7e6e0; 
  box-shadow: inset 1px 1px 15px 2px #e7e6e0; 
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px; 
  border-radius: 100px; 
  height: 50px;
  width: 100px;
  background-color: #e7e6e0;
}

<div class="selectOptionButton text-center">Test</div>

何らかの理由で要素を調べると、次のように表示されます。

.selectOptionButton {
    background-color: #E7E6E0;
    border-radius: 100px 100px 100px 100px;
    display: block;
    height: 50px;
    width: 100px;
}
4

1 に答える 1

4

背景色と同じはめ込み色です

このフィドルをチェックしてください

-webkit-box-shadow: inset  0px 0px 15px 2px #333aaa;
-moz-box-shadow: inset 0px 0px 15px 2px #333aaa; 
box-shadow: inset 0px 0px 15px 2px #333aaa; 
于 2013-09-16T20:32:09.537 に答える