如何设置扩展侧边栏的样式

Question

我的扩展中有以下侧边栏，但我想改变外观。我该怎么做？

var sidebar = new appAPI.sidebar({
  position: 'right',
  url: 'http://news.yahoo.com',
  html: 'Some Html',
  title: {
    content: 'Yahoo News',
    close: true
  },
  opacity: 1.0,
  width: '300px',
  height: '100%',
  preloader: true,
  sticky: true,
  slide: 150,
  openAction: ['click', 'dblclick'],
  closeAction: 'click',
  theme: 'default',
  scrollbars: false,
  openOnInstall: true

Answer 1

有几种方法可以实现这一点，但我的首选方法是使用适当的选择器将相关的 CSS 规则注入页面。因此，例如，要将边框颜色更改为红色：

var inlineCss = '.crossrider-sidebar-'+appAPI.appInfo.id+'-container {' +
   'border-color:red !important;' +
'}';
appAPI.dom.addInlineCSS({css:inlineCss});

[披露：我是Crossrider员工]