Question

我有这个代码，它呈现这个HTML。如果将CSS命名为ctrctrctr-00000或其他类似于仅对VIEWSTATE有用的内容，我如何将CSS应用于我的控件？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title><link href="../global.css" rel="stylesheet" type="text/css" />
Informacion General: Paises
</head>
<body>
    <form name="aspnetForm" method="post" action="Pais.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTUyMDk1NTY2MGRkwAKu2OIV85kXfcUcAefBBNmSuRY=" />
</div>

<div>

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwLSha7NBAKqw7ARAvjQlaIKhJ2HMftmmOoxe/+aE4sG3D32QtA=" />
</div>
    <div>

    <input name="ctl00$ContentPlaceHolder1$txtPais" type="text" id="ctl00_ContentPlaceHolder1_txtPais" />
    <input type="submit" name="ctl00$ContentPlaceHolder1$btnSubmit" value="Button" id="ctl00_ContentPlaceHolder1_btnSubmit" />

    </div>
    </form>
</body>
</html>



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Frontend._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>    
        <h1>Prueba de Escritorio</h1>        
        <asp:TextBox ID="txtPais" runat="server"></asp:TextBox>
        <asp:Button ID="btnSubmit" runat="server" Text="Guardar" onclick="btnSubmit_Click" />    
    </div>
    </form>
</body>
</html>

如何使用CSS选择器定位页面上的所有文本框而不管名称？

谢谢。

Answer 1

你为什么不这样做：

input[type=text] { /* style */ } (standard)

或

input.text { /* style */ } (not as standard)

???

Answer 2

你可以给它一个CSS类，如下所示：

<asp:TextBox ID="txtPais" runat="server" CssClass="textbox" />

然后只需在CSS中添加所需内容：

.textbox { color: red; }

CssClass property不会像ID和名称属性那样受到损坏。

Answer 3

你可以使用jQuery并按照这样做：

$('input[id$=_txt]').addClass('yourClassName maybeAnotherClassName');

Answer 4

$(document).ready(function () {
            $("input[type=text]").addClass("textBoxCSS");
        }

要将类应用于页面上的文本框，您可以进一步自定义选择器并更具体。

如何将CSS应用于文本框？

4 个答案: