js设置button样式

// 获取按钮元素
var button = document.getElementById('myButton');

// 设置样式
button.style.backgroundColor = 'blue';
button.style.color = 'white';
button.style.padding = '10px 20px';
button.style.border = 'none';
button.style.borderRadius = '5px';
button.style.cursor = 'pointer';

.button-style {
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

// 获取按钮元素
var button = document.getElementById('myButton');

// 添加类
button.classList.add('button-style');

import styled from 'styled-components';

const StyledButton = styled.button`
  background-color: blue;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
`;

// 在组件中使用
<StyledButton>Click Me</StyledButton>