web-dev-qa-db-fra.com

Comment définir le style CSS sur le bouton asp.net?

J'ai un asp: Button, j'ai utilisé des styles css avec la propriété cssClass dans asp:Button, mais ces styles ne fonctionnent pas. Lorsque j'utilise asp:LinkButton ces styles fonctionnent bien. Je ne veux aucun thème ni habillage pour les styles.

Ceci est ma page asp:

<asp:Button CssClass="smallButton" Text="Sign In" runat="server" ID="submit"></asp:Button>

Voici mon CSS:

.smallButton 
{
  //styles
}

Quand je change asp: Button en asp: LinkButton

<asp:LinkButton Text="Sign In" runat="server" ID="submit" CssClass="smallButton"></asp:LinkButton>

ou

<span class="smallButton"><asp:LinkButton Text="Sign In" runat="server" ID="submit"></asp:LinkButton></span>

les styles fonctionnent bien. Seul problème avec le contrôle asp: Button

14
Sujanth

J'ai trouvé le codage ...

 input[type="submit"]
    {
     //css coding
    }
 input[type="submit"]:Hover  
    {
     //css coding
    }

Ceci est la solution à mon problème ..... Merci à tous pour les précieuses réponses .......

13
Sujanth

Vous pouvez affecter un class à votre ASP.NET Bouton, puis appliquez-lui le style souhaité.

<asp:Button class="mybtn" Text="Button" runat="server"></asp:Button>

CSS:

.mybtn
{
   border:1px solid Red;
   //some more styles
}
16
Priyank Patel

Vous pouvez utiliser l'attribut CssClass et passer une valeur comme nom de classe css

<asp:Button CssClass="button" Text="Submit" runat="server"></asp:Button>` 

.button
{
     //write more styles
}
11
Shankar Gupta

personne ne veut aller au désordre d'utiliser une classe, essayez ceci:

<asp:button Style="margin:0px" runat="server" />

Intellisense ne le suggérera pas mais il fera le travail sans lancer d'erreurs, d'avertissements ou de messages. N'oubliez pas le S majuscule dans le style

6
Stephen DuMont

Si vous avez un bouton dans la page de conception asp.net comme "Default.asp" et que vous souhaitez créer un fichier CSS et des attributs spécifiés pour un bouton, des étiquettes ou un autre contrôleur. Créez d'abord une page css

  1. Clic droit sur Projet
  2. Ajouter un nouvel élément
  3. Sélectionnez StyleSheet

maintenant vous avez une page css maintenant écrivez ce code dans votre page css (StyleSheet.css)

StyleSheet.css

.mybtnstyle
{
 border:1px solid Red;
 background-color:Red;
 border-style:groove;
 border-top:5px;
 outline-style:dotted;
}

Default.asp

{

  <head> 
  <title> testing.com </title>
 </head>
<body>
 <b>Using Razer<b/>
<form id="form1" runat="server">
 <link id="Link1" rel="stylesheet" runat="server" media="screen" href="Stylesheet1.css" />
 <asp:Button ID="mybtn" class="mybtn" runat="server" Width="339px"/>
 </form>
 </body>
</html>

}

2
Pir Fahim Shah

Vous pouvez simplement styliser l'élément d'entrée dans votre fichier css. C'est alors indépendant d'ASP.NET.

<form action="">
    Name: <input type="text" class="input" />
    Password: <input type="password" class="input" />
    <input type="submit" value="Submit" class="button" />
</form>
CSS
.input {
    border: 1px solid #006;
    background: #ffc;
}
.button {
    border: 1px solid #006;
    background: #9cf;
}

Avec le CssClass vous pouvez assigner le "input" classe à elle.

1
Remy

La réponse que vous avez mentionnée sera appliquée à tous les boutons. Vous devriez essayer ceci:

input[type="submit"].someclass {
    //somestyle}

Et assurez-vous d'ajouter ceci à votre bouton:

CssClass="someclass"
0
Nandolcs
<asp:LinkButton ID="mybutton" Text="Link Button" runat="server"></asp:LinkButton>

Avec des effets de survol:

 #mybutton
        {
            background-color: #000;
            color: #fff;
            font-size: 20px;
            width: 150px;
            font-weight: bold;
        }
        #mybutton:hover
        {
            background-color: #fff;
            color: #000;
        }

http://www.parallelcodes.com/asp-net-button-css/

0
hitesh vikani