Question

我有以下代码，我正在尝试将facebook图标按钮添加到我的页面。但是，我无法在我的页面中看到该图像。

<button class="facebook"></button>

我的css：

.facebook{  
    background: url('../img/fb.jpg') no-repeat   
}

我已经在我的html pg中包含了css文件：

 <link href="../css/custom.css" rel="stylesheet" media="screen">

我该如何解决这个问题？

谢谢

Answer 1

使用bootstrap 3时，您会遇到以下情况：

<button type="button" class="btn">My button</button>

如果您想为该按钮添加一些背景，请添加您的课程：

<button type="button" class="btn facebook">My button</button>

请确保首先将bootstrap css添加到您的页面，然后再添加自定义css，因为最后一个css会覆盖以前的CSS。

Answer 2

您可以将自定义类指定给按钮输入。

 <input type="submit" value="Submit" class="facebook">

o所以你正在使用fontawesome ...正确..

 <linkbutton class="myclass"><i class="fa fa-facebook"></i> fa-facebook</linkbutton >

这就是我在asp.net中所做的事情

Answer 3

可能你错过了';'在css代码中

Answer 4

由于您使用的是bootstrap，因此您可以使用cdn或下载glyphicons为您的按钮使用字体真棒图标

           <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
              <button class="facebook" ><i class="fa fa-facebook fa-2x"></i>facebook</button> 

         In you code you could have missed the correct link to your css file. Check the absolute or relative links to the css file. 

         <link href="../css/custom.css" rel="stylesheet" media="screen">

你也错过了

中的半结肠

              background: url('../img/fb.jpg') no-repeat

如何使用bootstrap 3向页面添加自定义按钮？

4 个答案: