web-dev-qa-db-ja.com

CSSスタイルをasp.netボタンに設定する方法は？

Asp：Buttonがあり、asp:Buttonのc​​ssClassプロパティでcssスタイルを使用しましたが、これらのスタイルは機能しません。 asp:LinkButtonを使用すると、これらのスタイルはうまく機能します。スタイルのテーマやスキンは必要ありません。

これは私のaspページです：

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

これは私のCSSです：

.smallButton 
{
  //styles
}

Asp：Buttonをasp：LinkBut​​tonに変更すると

<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>

スタイルはうまく機能しています。 asp：Buttonコントロールの唯一の問題

asp.netcssbuttonaspbutton
14
Sujanth

コーディングが見つかりました...

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

これが私の問題の解決策です.....貴重な回答をありがとうございます。

13
Sujanth

classをASP.NETボタンに割り当てて、目的のスタイルを適用できます。

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

CSS：

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

CssClass属性を使用して、CSSクラス名として値を渡すことができます

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

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

誰もクラスを使用する煩雑さに行きたくない、これを試してください：

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

Intellisenseは提案しませんが、エラー、警告、またはメッセージをスローすることなくジョブを完了します。スタイルの首都Sを忘れないでください

6
Stephen DuMont

「Default.asp」などのasp.netデザインページにボタンがあり、ボタン、ラベル、またはその他のコントローラーのCSSファイルと指定された属性を作成する場合。次に、最初にcssページを作成します

  1. プロジェクトを右クリック
  2. 新しいアイテムを追加
  3. スタイルシートを選択

これでcssページができました。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

Cssファイルのinput要素をスタイルするだけです。これは、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;
}

CssClassを使用すると、"input"それにクラス。

1
Remy

あなたが言及した答えは、すべてのボタンに適用されます。これを試してください：

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

そして、これをボタンに追加してください：

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

ホバー効果付き：

 #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