Comment définir des styles css asp.net bouton?

J'ai un asp:Button, j'ai utilisé des styles css avec cssClass propriété dans asp:Button, mais ces styles ne sont pas de travail. Lorsque j'utilise asp:LinkButton ces styles sont bien le travail.Je ne veux pas de thèmes ou de peaux pour les styles.

C'est ma page asp:

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

C'est mon CSS:

.smallButton 
{
  //styles
}

Quand je change de asp:Button à l'asp:LinkButton

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

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

styles de bien travailler. Seul problème avec l'asp:Bouton de contrôle de la

merci de nous montrer le code. Comment voulez-vous que nous de deviner ce que vous avez fait de mal ?
Pouvez-vous fournir le code html que le asp.net bouton générer.
Si la réponse vous a aidé , vous devez l'accepter.Merci.
Merci à tous j'ai trouvé la solution et j'ajoute ci-dessous que le codage...
C'est vieux, mais si quelqu'un mène en ce que, dans mon cas, une partie de la css dans la classe n'a pas de travail pour le bouton, il ignoré ignoré. Qui a résolu pour moi.

OriginalL'auteur Sujanth | 2012-08-29

15

Vous pouvez attribuer un class à votre ASP.NET Bouton, puis appliquer le style désiré.
```
<asp:Button class="mybtn" Text="Button" runat="server"></asp:Button>
```
CSS:
```
.mybtn
{
   border:1px solid Red;
   //some more styles
}
```
J'utilise de la même façon, mais ce n'est pas de travail pour l'asp:Bouton de contrôle mais c'est de travailler avec l'asp:LinkButton et de l'Image du Bouton de contrôle
Peut-être que vous pouvez essayer de vider le cache du navigateur et essayez à nouveau.Le code semble correct.
Attention à tout cela. ASP.Net va remplacer le CSS champ. Par exemple, si vous réglez le bouton désactivé la classe css qui seront remplacés par des "personnes handicapées". Utiliser le setter CssClass donc ASP.Net peut coordonner lorsqu'il définit les classes css.

OriginalL'auteur Priyank Patel

J'ai Trouvé le codage...

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

C'est la solution à mon problème.....
Merci à tous pour les réponses.......

OriginalL'auteur Sujanth

10

Vous pouvez utiliser CssClass d'attributs et de passer de la valeur d'un nom de classe css
```
<asp:Button CssClass="button" Text="Submit" runat="server"></asp:Button>` 

.button
{
     //write more styles
}
```
OriginalL'auteur Shankar Gupta
6

personne ne veut aller à l'encombrement de l'aide d'une classe, essayez ceci:
```
<asp:button Style="margin:0px" runat="server" />
```
Intellisense ne pas le suggérer, mais il va faire le travail, sans jeter des erreurs, des avertissements ou des messages. N'oubliez pas le S majuscule dans le Style

Downvoted. Bonne chance de faire l'entretien / révisions. Avec une classe, vous avez au moins un seul point de changer.

OriginalL'auteur Stephen DuMont
1

Vous pourriez juste le style de l'élément d'entrée dans votre fichier css. C'est alors indépendante de 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 attribuer le "input" de classe à elle.

Mais alors vous n'êtes pas à l'aide de contrôles serveur et nous ne sommes pas sûr si c'est ce que l'utilisateur veut ici.
En gros, c'est ce que tout le monde ici a suggéré.
Tout le monde ici utilisé pour les contrôles serveur dans leurs exemples. Pas tatillon, mais asp.net utilise les contrôles serveur pour une raison. Certes, vous pourriez avoir ajouté un runat balise à ces contrôles et le tour est joué.
La droite. Bon point.

OriginalL'auteur Remy
1

Si vous avez un bouton en asp.net la conception de la page "par Défaut.asp" et vous voulez créer un fichier CSS et les attributs spécifiés pour un bouton,d'étiquettes ou d'un autre contrôleur. Alors tout d'abord créer une page css
1. Clic droit sur le Projet
2. Ajouter un nouvel élément
3. Sélectionnez La Feuille De Style
maintenant, vous avez une page css maintenant écrire ces de code dans votre page css(feuille de style.css)

De la feuille de style.css
```
.mybtnstyle
{
 border:1px solid Red;
 background-color:Red;
 border-style:groove;
 border-top:5px;
 outline-style:dotted;
}
```
Par défaut.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>
```
}

OriginalL'auteur Pir Fahim Shah
0

La réponse vous l'avez mentionné, sera appliquée à tous les boutons. Vous devriez essayer ceci:
```
input[type="submit"].someclass {
    //somestyle}
```
Et assurez-vous que vous l'ajouter à votre bouton:
```
CssClass="someclass"
```
OriginalL'auteur 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/

OriginalL'auteur hitesh vikani

Vous devez vous connecter pour publier un commentaire.