Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/multithreading/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使此Asp.net按钮具有与此相同的CSS<;按钮>;?_Css_Asp.net - Fatal编程技术网

如何使此Asp.net按钮具有与此相同的CSS<;按钮>;?

如何使此Asp.net按钮具有与此相同的CSS<;按钮>;?,css,asp.net,Css,Asp.net,我不熟悉Asp.net webforms,仍在学习CSS。我正在制作一个网站,它使用我买的html模板 我的问题是模板使用标记,但我需要使用Asp.net按钮控件。我试图获取css类并将它们放在button控件的CSSClass属性中,但显示不正确 您可以在此处查看示例:[由于页面被删除,链接被删除] 绿色的“Send Password”按钮是,我希望另一个“Send Password”按钮(即.net控件)的样式与此相同 我环顾四周,只找到了与覆盖标记呈现方式有关的答案,我现在不想这样做。有没

我不熟悉Asp.net webforms,仍在学习CSS。我正在制作一个网站,它使用我买的html模板

我的问题是模板使用标记,但我需要使用Asp.net按钮控件。我试图获取css类并将它们放在button控件的CSSClass属性中,但显示不正确

您可以在此处查看示例:[由于页面被删除,链接被删除]

绿色的“Send Password”按钮是,我希望另一个“Send Password”按钮(即.net控件)的样式与此相同

我环顾四周,只找到了与覆盖标记呈现方式有关的答案,我现在不想这样做。有没有一种简单的方法可以让它看起来和CSS一样


谢谢你的帮助

asp:Button
标记声明中,从
btn-btn-default-btn-clean
更改为
btn-btn-success-btn-clean
。在
CssClass
css
属性中。

绿色样式由
应用。
类:

.btn.btn-success.btn-clean {
    border-color: #59AD2F;
    background: transparent;
    color: #59AD2F;
}

但是您的ASP.NET按钮正在使用
.btn default
类。将其设置为
.btn success
(可能在
CssClass=”“
属性中)

最简单的方法是将购买的模板中的css复制并粘贴到WebForms应用程序的Site.css文件中

例如,复制(来自@LcSalazar的答案)

。。。进入Site.css<代码>btn btn success btn clean
应作为选项显示在按钮属性CssClass下拉列表中


这不是实现所需的最干净的方式,但在仍然使用properties视图的情况下肯定是最快的方式。如果您对创建更整洁的解决方案感兴趣,可以从“创建和使用样式表”开始查找更多信息。

您可以在其他按钮(白色按钮)中设置与绿色按钮相同的类,即
。btn btn success btn clean

<input type="submit" name="btnSendPasswordNew" value="Send Password" id="btnSendPasswordNew" class="btn btn-success btn-clean">


您几乎看不到绿色密码按钮。你真的希望它的样式是这样的吗?@mason是的,因为它只是一个测试页面,这不是我在部署中实际使用的。我只是想知道怎么做谢谢我没注意到!我应用了这个更改,但是按钮仍然更宽,填充了div,因为我复制的按钮与文本的距离更紧。你知道我需要改变什么才能达到这个效果吗?@Cineno28这可能是因为它周围有div包装。如果你颠倒按钮的顺序,我打赌按钮会交换位置和大小。所以你可能应该换个div。我注意到其中一个应用了一个模态类,尽管它显然不是模态弹出窗口。我看到模板样式表有一个输入类型属性,使宽度达到100%,并且由于它没有呈现为一个模态,所以它选择了这个属性。我把它拿出来,现在它看起来就像CSS。谢谢你的帮助
<input type="submit" name="btnSendPasswordNew" value="Send Password" id="btnSendPasswordNew" class="btn btn-success btn-clean">