Как применить CSS к текстовому полю? - PullRequest
Новая
       23

Как применить CSS к текстовому полю?

2 голосов
/ 16 августа 2010

У меня есть этот код, и он отображает этот HTML.Как я могу применить CSS к своему элементу управления, если они называются ctrctrctr-00000 или что-то подобное, что полезно только для VIEWSTATE? 

<!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 для нацеливания на все текстовые поля настраница независимо от имени?

Спасибо.

Ответы [ 4 ]

4 голосов
/ 16 августа 2010

Почему бы вам не сделать это: 

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

или 

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

???

2 голосов
/ 16 августа 2010

Вы можете задать ему класс CSS, например: 

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

Тогда просто используйте добавить то, что вам нужно в вашем CSS: 

.textbox { color: red; }

Свойство CssClass не искажается, как атрибуты ID и имени.

1 голос
/ 16 августа 2010

вы можете использовать jQuery и делать это так: 

$('input[id$=_txt]').addClass('yourClassName maybeAnotherClassName');
0 голосов
/ 29 апреля 2015 
$(document).ready(function () {
            $("input[type=text]").addClass("textBoxCSS");
        }

Для применения классов к текстовым полям на странице вы можете дополнительно настраивать селекторы и быть более конкретными.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...