AngularJS UI：如何应用我的 css 类来覆盖 ui 网格的原始 css 类答案

【问题标题】：AngularJS UI: how to apply my css class to overwrite the original css class of ui gridAngularJS UI：如何应用我的 css 类来覆盖 ui 网格的原始 css 类
【发布时间】：2018-11-22 21:27:00
【问题描述】：

正如标题所说，例如，我想创建一个名为 myViewport 的 CSS 类来覆盖 ui-grid-viewport (ui-grid)。

【问题讨论】：

然后去试试？有什么问题吗？
我要舍弃横向卷轴
有一个关于 css 特异性的谷歌，它会告诉你所有你需要知道的
@Pete 谢谢，这可能有帮助，我需要它，我想知道我是否可以为我的 ui-grid 定义一个名称并应用带有 id 的 css？

标签： html css angularjs angular-ui-grid

【解决方案1】：

这应该在这里讨论过几次。您可以使用 enableHorizontalScrollbar 选项禁用水平条。我认为除非你尝试不同的东西，否则你不需要 css 来实现这一点。

$scope.grid = {
enableHorizontalScrollbar: 0
};

它可以采用以下任一值：

0 = disable;
1 = enable;
2 = enable when needed;

请注意，您需要将 uiGridConstants 传递给您的控制器。

您还应查看此 github 存储库以获取更多信息。 https://github.com/angular-ui/ui-grid

【讨论】：

它不适用于我的情况，在 chrome 中，有一个 element.style{ overflow: scroll } 始终有效，即使我在我的 controller.js 中添加了 $scope.grid

【解决方案2】：

我找到了一个解决方案，它是 CSS 元素>元素选择器，例如，我向父元素添加了一个 id：

<div id=""test>
    <div>
        <div class="ui-grid-viewport(object)">...</div>
    </div>
</div>

在 style.css 中类的名称应该是 div#test >div> .ui-grid-viewport{} 这是一个不简单的解决方案，因为我应该找到 ui-grid-viewport 的位置。

【讨论】：