仅将normalize.css应用于页面上的组件?

时间:2016-04-04 12:29:34

标签: css

我尝试使用css向导类型component我找到了:

/* Every button begins a storyboard, and when it ends, this method is called */
private void DoubleAnimation_Completed(object sender, EventArgs e)
{
    // How to find out which control fired the animation?
    // Tried `Button btn = sender as Button;`
    // But `sender` is of type`AnimationClock`, not `Button`

    Button btn = FocusManager.GetFocusedElement(this) as Button;
}

我想在不使用normalize / reset的大型网站上使用它。使用normalize.css时,该组件似乎只能工作。有什么方法可以在这个组件而不是整个页面上使用normalize.css吗?

1 个答案:

答案 0 :(得分:1)

如果您检查该元素,您会看到font-family导致问题。

From normalize.css

html {
  font-family: sans-serif; /* i'm causing it */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

只需向font-family添加一些.wizard li,例如arial

Check the codepen

或者,如果您使用的是某些自定义字体,则必须修改伪元素(border-widthmargin-top的值(margin-left.wizard li::before.wizard li::afterControllerContext.HttpContext.Session.RemoveAll(); )。