谷歌表格造型

Question

看起來谷歌表格上的造型不太好。即使他們自己的例子在網頁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; 
}