selectテキストを中央に配置
1054 ワード
携帯電話のプロジェクトでselectを中心にしたいという問題に遭遇したのは、理解できないと思っていた.
Jquerymobileを見ているとselectが中央に位置していることに気づき、以下のようになりました.
Jquerymobileを見ているとselectが中央に位置していることに気づき、以下のようになりました.
<style>
.ui-select {
text-align: center;
/* border */
border:solid 1px;
}
.ui-select select {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 3em;
opacity: 0;
}
</style>
<div class="ui-select">
<span>The 1st Option</span>
<select>
<option value="1">The 1st Option</option>
<option value="2">The 2nd Option</option>
<option value="3">The 3rd Option</option>
<option value="4">The 4th Option</option>
</select>
</div>
</code></pre>
<p> </p>
<p> select， span。</p>
<p> </p>
<p> ？</p>
</div>
</div>
</div>
</div>
</div>