哈巴狗无法读取 CSS 样式

【问题标题】：CSS style can't read with pug哈巴狗无法读取 CSS 样式
【发布时间】：2017-11-26 12:59:32
【问题描述】：

为什么我的border-color 不起作用。我正在使用哈巴狗和 vue.js。它一直有效，直到我添加“-”字符，然后它失败了。

<template lang='pug'>
   div
      #section-one
          #grid
              .div(style={border-color: '0087de'})

【问题讨论】：

标签： vue.js pug

【解决方案1】：

您正在使用 javascript 对象来填充样式。这很好，但 border-color 不是有效密钥。您可以使用'border-color'（带引号）。另请注意颜色中缺少的#。这将导致：

<template lang='pug'>
   div
      #section-one
          #grid
              .div(style={'border-color': '#0087de'})
</template>

【讨论】：