在react.js中隐藏/禁用水平滚动条的箭头按钮

/* 隐藏水平滚动条的箭头按钮 */
::-webkit-scrollbar-button {
  display: none;
}

/* 禁用水平滚动条的箭头按钮 */
::-webkit-scrollbar-button:disabled {
  pointer-events: none;
}

import React from 'react';
import './App.css'; // 引入全局样式表

function App() {
  return (
    <div className="App">
      <div className="content">内容区域</div>
    </div>
  );
}

export default App;

/* App.css */

/* 隐藏水平滚动条的箭头按钮 */
::-webkit-scrollbar-button {
  display: none;
}

/* 禁用水平滚动条的箭头按钮 */
::-webkit-scrollbar-button:disabled {
  pointer-events: none;
}