javascript - 将蓝线更新为白色

Question

我是否更改了点击时生成的蓝线的颜色？

class Hello extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

ReactDOM.render(
  <div>
    <p tabIndex={-1}
       style={{}}
       onKeyDown={event => alert(event.keyCode)}>
      Click to focus, then hit a key.
    </p>

  </div>,
  document.getElementById('container')
);

https://jsfiddle.net/s7bjk42m/

Answer 1

您需要更改 css 的 :focus 选择器。您可以使用下面的方法删除轮廓，然后在 :focus 状态处于事件状态时通过添加边框来替换它。

#container p:focus{
    outline:none;
    border:1px solid #000;
}