如何在Kotlin中实现指定样式按钮并修改其阴影颜色？

你可以通过 HTML + CSS 快速实现这类按钮样式，以下是具体代码和说明：

代码实现 #

HTML 结构 #

<button class="custom-button">按钮文本</button>

CSS 样式 #

.custom-button {
  /* 基础布局样式 */
  padding: 10px 22px;
  border: none;
  border-radius: 6px; /* 圆角大小可按需调整 */
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
  
  /* 背景样式（模拟图中渐变效果，可替换为纯色） */
  background: linear-gradient(135deg, #5b7bd5 0%, #6e5494 100%);
  
  /* 自定义阴影颜色 */
  box-shadow: 0 3px 12px rgba(91, 123, 213, 0.35); /* 颜色值可直接替换成你需要的 */
}

/* 可选：鼠标悬停效果优化 */
.custom-button:hover {
  opacity: 0.95;
  box-shadow: 0 5px 16px rgba(91, 123, 213, 0.5); /* 悬停时阴影更明显 */
}

关键调整点 #

• 修改阴影颜色：直接替换 box-shadow 里的颜色值即可，支持十六进制（如 #5b7bd5）、RGB、RGBA（带透明度）格式。
• 匹配图中样式：如果图中按钮是纯色背景，把 linear-gradient 换成 background: #你的纯色代码；圆角、内边距的数值也可以根据图中按钮的比例微调。

内容的提问来源于stack exchange，提问作者Sanphet Songjindasak