Google表格图表样式

Question

似乎Google桌面图表上的样式效果不佳。即使是在网页https://developers.google.com/chart/interactive/docs/examples（自定义表格示例）上的自己的示例也不起作用？像金色边框？我什么都看不到？

我想设置自己的谷歌表格并删除单元格周围的边框？任何人如何才能让它工作我会很高兴。我的代码看起来像这样。

CSS：

  .remove-cell-border{
        border: none;
    }

chartService.js

var drawTableChart = function (data, type) {

    var cssClassNames = {
        'headerRow': "header-grey-font",
        'tableRow': "remove-cell-border",
        'headerCell': "remove-cell-border",
        'tableCell': "remove-cell-border",
    };

    var chartObject = {
        "type": type,
        "display": false,
        "data": data,
        "options": { 
            "allowHtml": true,
            "isStacked": "true",
            "fill": 20,
            "displayExactValues": false,
            "cssClassNames": cssClassNames
            },
        "formatters": {}
    };
    return chartObject;
};

return {
    drawTableChart: drawTableChart
};

Answer 1

事情是其他一些CSS覆盖了我的边境风格。现在，当我将CSS更改为!important时，它正在工作。

.remove-cell-border{
    border: none !important;
}