jQuery 按钮样式代码示例 - 如何用 CSS 改变按钮外观 - 常规

<p><button id='myButton'>点击我</button></p>
<p>jQuery 代码：</p>
<p>$('#myButton').css({
'background-color': 'blue',
'color': 'white',
'padding': '10px 20px',
'border-radius': '5px'
});</p>
<p>这段代码会给 id 为 myButton 的按钮添加样式，包括背景颜色、文字颜色、内边距和边框圆角。完整的 HTML 代码如下：</p>
<!DOCTYPE html>
<html>
<head>
	<title>按钮样式</title>
	<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
</head>
<body>
	<button id='myButton'>点击我</button>
	<script>
		$('#myButton').css({
		  'background-color': 'blue',
		  'color': 'white',
		  'padding': '10px 20px',
		  'border-radius': '5px'
		});
	</script>
</body>
</html>