Fatal编程技术网
  • css/
  • Css 如何使药丸按钮看起来像链接？

Css 如何使药丸按钮看起来像链接？

css twitter-bootstrap

Css 如何使药丸按钮看起来像链接？,css,twitter-bootstrap,Css,Twitter Bootstrap,如何设置按钮的样式，使其外观和行为与引导程序中的链接完全相同btn链接不执行此操作（将鼠标悬停在代码段中的每个链接上） 按钮 根据添加的样式，.btn元素是内联块，而a元素是li元素的后代，是块级别 因此，您可以简单地为.btn link元素指定100%的宽度，并将显示更改为块，并添加相应的填充/边界半径： .nav-pills>li>.btn.btn-link{ 显示：块； 宽度：100%； 文本对齐：左对齐； 填充：10px 15px； 边界半径：4px； 大纲：无； 边界：

如何设置按钮的样式，使其外观和行为与引导程序中的链接完全相同<代码>btn链接不执行此操作（将鼠标悬停在代码段中的每个链接上）



    

  • 

    • 

  • 
按钮

    •
根据添加的样式，
.btn
元素是
内联块
，而
a
元素是
li
元素的后代，是
块
级别

因此，您可以简单地为
.btn link
元素指定100%的宽度，并将
显示更改为
块
，并添加相应的
填充
/
边界半径
：



.nav-pills>li>.btn.btn-link{
显示：块；
宽度：100%；
文本对齐：左对齐；
填充：10px 15px；
边界半径：4px；
大纲：无；
边界：无；
}
.nav pills>li>.btn.btn链接：悬停，
.nav pills>li>.btn.btn链接：焦点{
文字装饰：无；
背景色：#eee；
}




    

  • 

    • 

  • 
按钮

    • 

我发现它的主要缺点是它似乎破坏了响应性设计。在较小的窗口中查看页面时，这些按钮的行为与常规按钮不同。这可能是特定于我们的样式/脚本；我还在调查。@TrueWill如果你给我举个例子，我可以看看。谢谢-我想我们已经解决了。