CSS按钮选中颜色变换是一个常见的用户交互效果。这个效果可以增强用户体验，提高网站的用户可用性。一般来说，当用户点击一个按钮时，会出现一个选中状态，这时候按钮的颜色会有所变化。

button:focus {
background-color: #4CAF50;
color: white;
}

上面是CSS代码实现按钮选中颜色变换的基本方法。当用户点击按钮时，按钮会获得焦点，此时需要改变按钮的颜色。这里我们使用:focus伪类来设置按钮选中状态的样式。

在上面的代码中，我们设置了按钮的背景颜色和字体颜色。这个样式可以根据自己的需求进行调整。同时，我们也可以在:hover伪类中设置按钮的悬停状态样式，让用户在鼠标悬停时也能够有良好的视觉反馈。

button:hover {
background-color: #555555;
color: white;
}

上面的代码中，我们将按钮的背景颜色和字体颜色设置为了悬停状态下的样式。这个效果可以让用户更加直观地感受到按钮的可点击性。

总之，CSS按钮选中颜色变换是一个简单而实用的用户交互效果。通过上述的代码实现，我们可以在网站中增加用户体验，提高网站的用户可用性。