uniapp input显示边框
时间: 2023-08-15 12:07:21 浏览: 520
uniapp自定义验证码输入框,隐藏光标
要在uniapp中显示一个带有边框的输入框,你可以使用uniapp提供的内置样式和属性。下面是一个简单的示例代码:
```html
<template>
<view>
<input class="input-box" placeholder="请输入内容" />
</view>
</template>
<style>
.input-box {
border: 1px solid #ccc;
padding: 5px;
}
</style>
```
在上面的代码中,我们使用了`input`组件创建一个输入框,并给它添加了一个名为`input-box`的类,然后在样式中定义了这个类的样式规则。通过设置`border`属性为`1px solid #ccc`,我们给输入框添加了一个1像素宽度的灰色边框。`padding`属性用于设置输入框的内边距,以增加输入框与边框之间的间距。
你可以根据需要修改样式规则来自定义输入框的边框样式和其他样式属性。
阅读全文