css 取消input 圆角
时间: 2023-10-24 08:24:06 浏览: 47
可以使用 `border-radius` 属性将 input 元素的圆角取消,将其值设置为 0 即可,例如:
```css
input {
border-radius: 0;
}
```
如果只想取消某个方向的圆角,可以使用 `border-*-radius` 属性,例如:
```css
input {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
```
相关问题
CSS input 框加框圆角
可以使用 CSS 的 border-radius 属性来实现 input 框的圆角。示例代码如下:
```css
input {
border-radius: 10px;
}
```
这将使 input 框的四个角都变成圆角。如果只想让某几个角变成圆角,可以使用 border-top-left-radius、border-top-right-radius、border-bottom-left-radius 和 border-bottom-right-radius 属性来分别设置每个角的圆角半径。
```css
input {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
}
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)