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
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 .......
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
}
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
}
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
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
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>
}
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.
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"
<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;
}