1

私はasp.netのテキストボックスとドロップダウンリストを持っています。フラットモデルやファンシースタイルを作ろうとしています。いくつかの例とサンプルで理解するのを手伝ってください

.RegText
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11.5pt;
    width:250px;
    height:30px;
    margin-top:5px;
    margin-bottom:5px;  

}
.RegDropdown
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11.5pt;
    height:35px;
    width:250px;
    margin-top:5px;
    margin-bottom:5px;  
}
<td>
  <asp:DropDownList ID="ddlCostcenter" runat="server" CssClass="RegDropdown" 
       AutoPostBack="true" InitialValue="Select One"></asp:DropDownList>
</td>
</tr>
    <tr>
        <td >
             <asp:Label ID="lbInitiative" runat="server" CssClass="RegLabel" Text="Initiative # :"></asp:Label>
        </td>
        <td>
           <asp:TextBox ID="txtInitiative" runat="server" CssClass="RegText" ></asp:TextBox>
           </td>

ここに画像の説明を入力

4

3 に答える 3

2

@ James123、私はテキストボックスでこのスタイルを使用しています。

input[type=text], input[type=password], textarea
{
  outline:none;
  border:solid 1px #BBB;
  padding:3px;
  font-size:20px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus
{
  border:solid 1px #888;
}

ファンシーテキストとテキストボックスについての良いヒントがあるページはこちらです: http://webdesign.about.com/od/css/a/aa051607.htm

于 2013-02-14T17:57:33.640 に答える
1

さらに情報を追加するだけです... Outline:0; を使用することもできます。これらの「余分な境界線」を削除することもできます（通常、Google Chrome では黄色です）。

于 2013-02-14T17:47:01.587 に答える
1

とを使用するだけborder: 0;ですinput type=textselect

input[type=text], select {
   border: 0;
}

デモ

于 2013-02-14T17:04:18.003 に答える