Question

我的网站www.airfieldcards.com上有一张移动桌子，当你查看手机上的任何一个机场时，最后一个小区就是一个电话号码。我想通过将以下内容添加到我的css文件底部来设置样式。

#telephone
{
background-color:#3C3;
	color:#white;
	border:1px color:#3C3;
	border-radius:5px;
	padding:15px;
	text-decoration:none;

我已将以下内容添加到我的html / php中......但它不起作用。这已被放入bootstrap css的底部。

<td class="text-right"><h4>PPR Number</h4></td>
  
  <td id="telephone"><h4><?php  echo cr($rs["PPR_number"]); ?></h4></td>

除了a：在巨大的bootstrap css文件的开头，我没有尝试过它的样式。如果用户在现代电话上点击，则电话号码称为“号码”。

Answer 1

好的，所以，您正在谈论以下页面： http://www.airfieldcards.com/b/index.php?a=a&f=376

带有电话号码的地点是这样的，并且缺少id =＆＃34;电话＆＃34;在td标签中：

<tr>
  <td class="text-right"><h4>PPR Number</h4></td>
  <td class="text-left"><strong><a href="tel:+353 86 8497878">+353 86 8497878</a></strong></td>
 </tr>

修复上述内容后，使用以下CSS将正常工作：

td#telephone {
    background-color: #3C3;
    color: white;
    border: 1px #3C3 solid;
    border-radius: 5px;
    padding: 15px;
    text-decoration: none;
}

Answer 2

您只需更正样式

 #telephone
        {
            background-color:#3C3;
            color:white;
            border:1px #3C3 solid;
            border-radius:5px;
            padding:15px;
            text-decoration:none;
        }

并确保它不会被其他样式覆盖将ID更改为

table > tbody > tr > td#telephone {

}

Answer 3

您是否尝试将css放入自定义文件中，然后在您的网站上的引导程序css文件或cdn（无论您使用哪个）下引用该文件？例如，如果您将css保存在名为＆＃34; custom_style.css＆＃34;的文件中。在＆＃34;内容＆＃34;文件夹：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="~/content/custom_style.css">

如果可以提供帮助，最好不要直接编辑引导程序文件。

尝试在表格中设置单个单元格样式，找到答案，但没有任何效果

3 个答案: