button去掉边框：border:none或outline:noneoutline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。注释：轮廓线不会占据空间，也不一定是矩形。outline 简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性：outline-coloroutline-styleoutline- likes: function () { var is_like ="items.is_like"; //先用一个变量，把items.is_like用字符串拼接起来 var like = "items.like"; if (this.data.items.is_like == 0 && this.data.i 2. 使用uni-app的自定义组件实现。可以将原有的 button 组件进行封装， 去掉 边框 ，并将封装后的组件直接替换原有的 button 组件。示例如下： 在components目录下新建一个 button 组件： <!-- button .vue --> <template> <view class="custom- button " @click="$emit('click')"> {{ text }} </view> </template> <script> export default { name: 'Custom Button ', props: { text: String </script> <style> .custom- button { display: inline-block; padding: 10px; background-color: #007aff; border-radius: 5px; color: #fff; font-size: 16px; text-align: center; cursor: pointer; border: none; /* 去掉 按钮的 边框 */ </style> 在使用 button 组件的页面中，将原有的 button 组件替换为自定义的 button 组件： <!-- index.vue --> <template> <view class="container"> <custom- button text="点击我"></custom- button > </view> </template> <script> import Custom Button from '@/components/ button .vue' export default { components: { Custom Button </script> 以上两种方法都可以实现 去掉 uniapp button 组件的 边框 。根据需求可以选择适合自己的方法进行实现。 <h3>回答3：</h3><br/>uniapp的 button 组件默认带有 边框 ，但是我们可以通过CSS样式来 去掉 边框 。 在 button 标签内添加属性style="border:none;"，即可 去掉 边框 。 示例代码： <template> < button style="border:none;"> 去掉 边框 </ button > </template> 在<style>标签内添加样式，设置border属性为none。 示例代码： <template> < button class="btn"> 去掉 边框 </ button > </template> <style> .btn{ border: none; </style> 以上两种方法均可实现 去掉 button 组件的 边框 。需要注意的是，使用样式 去掉 边框 的时候，需要在样式中给 button 组件指定class或者id，否则可能会影响其他组件的样式。