c# - CSS 影响所有页面，但我只想将它用于一个页面

Question

我为登录屏幕创建了以下 CSS，但 .cssbox, input[type=text]:focus CSS 影响所有不同页面上的所有文本框。

我只想将它用于登录页面。

我有一个适用于所有页面的样式表主题:

.cssbox 
{
    border: solid 1px #C3D9E0;
    background-color: #eeeeff;
    background-image: url(/images/console-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    /*width: 460px;*/
    margin-left: 30%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    /*border-radius: 4px;*/
}

.cssbox, input[type=text]:focus, input[type=password]:focus, 
    textarea:focus, select:focus
{
    border-color: #66afe9;
    outline: 0;
    -moz-box-shadow: 0 0 3px 0 #95B8E7;
    -webkit-box-shadow: 0 0 3px 0 #95B8E7;
    box-shadow: 0 0 3px 0 #95B8E7;
}


<table class="cssbox" cellpadding="5" cellspacing="0" 
    border="0" width="398px" style="height: 287px;margin:0 auto;">

    <tr style="height: 22px">
         <td>
            <asp:TextBox ID="txtEmail" 
                runat="server" type="text" placeholder="Username" 
                CssClass="cssbox-input-text"></asp:TextBox>        
         </td>
    </tr>

</table>

Answer 1

如果我理解正确的话，你希望 css 只在 .cssbox 中应用，所以你必须像这样修改你的 css:

.cssbox input[type=text]:focus,
.cssbox input[type=password]:focus,
.cssbox textarea:focus,
.cssbox select:focus   
{
   border-color: #66afe9;
   outline: 0;
   -moz-box-shadow: 0 0 3px 0 #95B8E7;
   -webkit-box-shadow: 0 0 3px 0 #95B8E7;
   box-shadow: 0 0 3px 0 #95B8E7;
 }