标签: metro-ui-css

我正在使用Metro UI项目和我的布局.我还将字体添加awesome到我的项目中但是当我一起使用metro和字体awesome时,存在一些问题:

<div class="tile-content icon">
    <span>
        <i class="fa fa-ticket fa-fw"></i>
    </span>
</div>

我想将fa图标设置为Metro UI标题,但是当我运行代码时,我看不到标题中的图标:

如果我只添加以下内容:

<i class="fa fa-ticket fa-fw"></i>

一切都很好......有人可以帮助我吗？

我使用Metro css(Windows 8风格)并遇到问题.我有带警报的容器(图中的蓝色),上面有'IT -CENTER',如果我点击那里就打开一个按钮.容器后面的按钮的问题..我尝试将容器的Z索引设置为-1,这没有帮助.

带按钮的下拉列表(IT-CENTER):IT-CENTER

              <li style="z-index:3"><a href="Login.aspx">?????</a></li>
           </ul>
        </div>

容器(蓝色):

 <div id="alerts-container" style="z-index:-1">
         <div id="toast-example1" class="toast toasttext02 fade in">
            <button type="button" class="close" data-dismiss="alert"></button>
            <div class="pull-left">
               <div class="toast-object icon-info-4"></div>
            </div>
            <div class="toast-body" style="text-align:right">

(它没有结束标签..)

我该怎么办？

谢谢!!

我有一个主题基于的应用程序Metro UI CSS隐藏了(我认为)Chrome在使用时添加的漂亮和有用的微调器<input type="number" />.

我试图"覆盖"这个规则,但我无法弄清楚我有什么价值来设置它:

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: initial !important;
}

不起作用(见FIDDLE).

恢复它们的正确值是什么？

PS:我试图避免仅从基本CSS中删除规则以避免更新问题...