1
私はJqueryの初心者です。私はそれに選択オプション付きの送信フォームを作成しようとしています。しかし、ドロップダウンオプションが適切な場所にないことがわかりました。彼らは彼らがされているはずの場所のわずかに上と左です。 
フォーム選択ドロップダウンオプションが適切な場所にありません
私はそれらのオプションが欲しいです。 「選択」オブジェクトのすぐ下にあります。ここで
は私のコードです：
body {
background: #333;
}
select,
option {
background: rgba(255, 255, 255, 0.4) no-repeat scroll 16px 16px;
width: 276px;
height: 48px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
color: #fff;
padding-left: 45px;
padding-top: 12px;
margin-bottom: 20px;
overflow: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}<body id="gradient" style="height:90vh">
<div id='title'class="container" style="border-style:solid;border-width:2px;border-color:#ffffff;height:23vh;width:45vw;margin: 0 auto;margin-top:150px;">
\t <h1 style="color:#ffffff;font-size: 250%;font-weight: 400;margin-top:60px" align="middle">VATek Web Configuration</h1>
</div>
<form name="broadcastform" id="broadcastform" method="post" action=""> \t
\t
\t <h1 id="broadcast_title" style="color:rgba(255,255,255,0.7);font-size: 250%;font-weight: 400;margin-top:-10px" align="middle">BROADCAST</h1>
\t <hr style="border-color:#ffffff;weight:40%;margin:0 auto;margin-bottom:20px">
\t <center class="page_intro">
\t <div style="margin-top:-1%;color:rgba(255,255,255,0.7);width:90%;margin-bottom:6.5%" class="page_intro">
\t <font size="6" style="line-height: 150%"class="page_intro"><center>Welcome!</center></font>
\t <font size="5" style=" padding-top:20px;line-height: 150%;font-weight:normal;opacity:0.7"class="page_intro"><center>This is a Tool to Configure and Broadcast Your Modulator. Please Follow the Steps and Fill in the Parameter Fields for Your Preference. Enjoy the Tour !</center></font>
\t </div>
\t </center>
\t <!-- Page Basic Setting -->
\t <select name="InputSource" class="required page_basic" style="margin-left:23%" form="broadcastform" >
\t \t \t \t <option value="">Broadcast Input</option>
\t \t \t \t <option value="0">HDMIPhy</option>
\t \t \t \t <option value="1">USB Streaming</option>
\t \t \t \t <option value="2">MPEC-TS Interface</option>
\t \t \t \t <option value="3">VIP(Ethernet)</option>
\t </select>
\t <select name="ModulationMode"class= "page_basic required" style="margin-left:23%" form="broadcastform">
\t \t \t \t <option value="">Modulation Mode</option>
\t \t \t \t <option value="1">ATSC</option>
\t \t \t \t <option value="2">DTMB</option>
\t \t \t \t <option value="3">DVB</option>
\t \t \t \t <option value="4">ISDB</option>
\t </select> は、ボックスのものとオプションのテキスト中央を作ることが可能ですか？私はちょうどそのドロップダウンボックスの可能性を制御する方法を混乱させた。
form {
margin-left:auto;
margin-right:auto;
margin-top:80px;
width: 45vw;
height: 70vh;
padding:30px;
border: 1px solid rgba(0,0,0,.2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
overflow: hidden;
}
html構造を提供できますか？ – Carr
私はちょうどそれを更新しました。 – Pawan
@Pawan試してください。text-align：center;テキストセンターを作るために –