Html @-firefox中未呈现moz文档url前缀()
我已经为firefox指定了以下CSSHtml @-firefox中未呈现moz文档url前缀(),html,css,firefox,jetty,Html,Css,Firefox,Jetty,我已经为firefox指定了以下CSS .bill-tab-button { width: 33.3%; height: 100%; float: left; border-left: 1px solid rgb(197, 196, 196); border-bottom: 1px solid rgb(197, 196, 196); box-sizing: border-box; font-family: MyriadProReg;
.bill-tab-button {
width: 33.3%;
height: 100%;
float: left;
border-left: 1px solid rgb(197, 196, 196);
border-bottom: 1px solid rgb(197, 196, 196);
box-sizing: border-box;
font-family: MyriadProReg;
cursor: pointer;
}
.bill-tab-fixed-width {
width: 105px;
}
.bill-tab-button-selected {
border-bottom: 2px solid red;
box-sizing: border-box;
color: #b83709;
border-left: none;
}
.bill-tab-button span {
padding: 3px;
vertical-align: -3px;
}
/* Firefox Specific CSS Styling */
@-moz-document url-prefix (){
.bill-tab-button {
width:33.2%;
height: 90%;
float: left;
border-left: 1px solid rgb(197, 196, 196);
border-bottom: 1px solid rgb(197, 196, 196);
box-sizing: border-box;
font-family: MyriadProReg;
}
.bill-tab-fixed-width {
width: 104.0px;!important
}
.bill-tab-button-selected {
border-bottom: 2px solid red;
box-sizing: border-box;
color: #b83709;
border-left: none;
}
}
当我在没有服务器(jetty)的情况下测试它们时,CSS得到了完美的呈现!我将此CSS用于SpringWeb应用程序,并使用jetty作为服务器。当我运行应用程序时,浏览器呈现默认CSS,而不是特定于firefox的CSS
是否存在与URL前缀冲突的内容。请帮帮我 CSS根本不应该呈现,因为
url前缀
和()
之间有一个不应该存在的空格。您需要将其删除,或者至少将其移到()
之外。我还看到一个错位的!重要的
,它似乎可以安全地完全省略,或者如果没有,它应该出现在之前代码>:
@-moz-document url-prefix() {
.bill-tab-button {
width:33.2%;
height: 90%;
float: left;
border-left: 1px solid rgb(197, 196, 196);
border-bottom: 1px solid rgb(197, 196, 196);
box-sizing: border-box;
font-family: MyriadProReg;
}
.bill-tab-fixed-width {
width: 104.0px !important;
}
.bill-tab-button-selected {
border-bottom: 2px solid red;
box-sizing: border-box;
color: #b83709;
border-left: none;
}
}
如果这仍然不能解决问题,那么其他问题就错了。您需要根据评论中的问题提供更多信息。请在您的问题中包括以下内容:项目的WEB-INF/WEB.xml
副本、css路径(例如:/css/main.css
),以及尝试在浏览器中仅获取css的结果(例如:http://localhost:8080/myapp/css/main.css
)