uniapp 的button标记，颜色为浅蓝色

要将`uni-app`中的`button`标记的背景颜色设置为浅蓝色，可以使用内置的`uni.css`文件中提供的预定义类名`uni-btn-primary`。这个类名会将按钮的背景颜色设置为浅蓝色。

例子代码如下：

<button class="uni-btn-primary">Button</button>

如果你想自定义颜色，也可以在`style`属性中设置`background-color`属性。例如：

<button style="background-color: #66B1FF;">Button</button>

这会将按钮的背景颜色设置为`#66B1FF`，也就是一种浅蓝色。

相关问题

uniapp button按钮背景颜色

在uniapp中，可以通过设置按钮的class属性来改变按钮的背景颜色。在示例代码中，可以看到有两个按钮，分别是class为"btn1"和"btn2"的按钮。其中，btn1的背景颜色是rgba(128,128,128,0.3)，而btn2的背景颜色是rgb(128, 128, 128)并且设置了透明度为0.3。\[1\]所以，如果想要改变按钮的背景颜色，可以通过修改按钮的class属性来实现。在示例代码中，可以看到在第二个引用中的代码中，设置了class为"btn2"的按钮的背景颜色为#ff5500。\[2\]所以，如果想要改变uniapp中按钮的背景颜色，可以通过设置按钮的class属性，并在对应的样式中设置背景颜色来实现。
#### 引用[.reference_title]
- *1* [设置按钮button背景完全透明，显示出背景颜色或背景图](https://blog.csdn.net/weixin_45096939/article/details/125288184)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uni-app button设置背景颜色](https://blog.csdn.net/Lhs0203/article/details/109789394)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [去掉button边框样式，背景完全透明，显示出背景颜色或背景图](https://blog.csdn.net/qq_51463650/article/details/128099991)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

uniapp button border-radius设置为0

要将uniapp中的button组件的border-radius设置为0，可以在button组件的样式中添加border-radius: 0;，如下所示：

<template>
  <view class="container">
    <button class="my-button">Click me</button>
  </view>
</template>

<style>
.my-button {
  border-radius: 0;
}
</style>

这样就可以将button的圆角设置为0。需要注意的是，如果button组件有默认样式，则需要使用!important关键字来覆盖默认样式。