0

入力ボックスの内側の半径

<input type="text" class="input-text">

css

.input-text{
  border-width: 4px;
  border-color: #F85534;
  padding: 6px 14px;
  width: 540px;
  font-size: 16px;
  margin: 0px !important;
  height: 35px;
  -webkit-appearance: none;
  z-index: 5;
  position: relative;
  border-radius:0px;
  box-shadow: inset -1px 1px 2px 
  rgba(43, 40, 40, 0.2),-1px 1px 0px 
  rgba(43, 40, 40, 0.2),-2px 2px 0px 
  rgba(43, 40, 40, 0.2);
  -webkit-box-shadow: inset -1px 1px 2px rgba(43, 40, 40, 0.2),-1px 1px 0px rgba(43, 40,40,0.2),-2px 2px 0px rgba(43, 40, 40, 0.2);
}

テキストボックスの内側の半径が必要です。外側の半径はゼロにする必要があります。

編集

画像ここに画像の説明を入力してください

4

1 に答える 1

1

入力をdivでラップせずにそれを実行できるかどうかはわかりませんが、これが私が実行する方法です。

HTML:

<div class="input-wrapper"><input type="text" placeholder="text"></div>​

CSS:

.input-wrapper {
    background: blue;
    padding: 3px;
    display: inline-block;
}

.input-wrapper input {
    border-radius: 5px;
    border: none;
    font-size: 14px;
    padding: 3px;
}

ここでJS-fiddleを確認してください:http://jsfiddle.net/qCyKW/

</ p>

于 2012-12-06T09:21:30.347 に答える