使用 Foundation 覆盖 Richfaces Css

Question

我正在使用rich:calendar，我想覆盖它的css，如下所示 text-box 应该有 11 列宽（如 .small-11）

但我得到以下输出

SCSS

*.rf-cal-inp {
    @include grid-column($columns: 11);
}

*.rf-cal-btn {
    float: right;
}

实际上width 和padding 被覆盖如下

input[type="text"] {
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
}

我想要的是使用!important 覆盖richfaces 组件。如何将!important 用于width 和padding 在我的scss 中？

Answer 1

作为 !important 的替代方法，您是否尝试过简单地使用更具体的选择器？

input[type="text"].rf-cal-inp {
  width: auto;
  padding: 1px 0;
}

您也可以使用input[type="text"][id*="calendar"] 仅针对这些小部件。