如何用css改变input显示的样式

 我来答
码农小明哥
2017-05-20 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25062

向TA提问 私信TA
展开全部

使用css样式直接可以改变input的样式的,input属于行内替换元素height/width/padding/margin均可用,效果等于块元素。

工具原料:编辑器、浏览器

1、设置一个宽度是宽度500px,高度50px,边框是红色的input输入框的代码如下:

<body>

<input type="text" />

<style>

input{

width: 500px;

height: 50px;

border: 1px solid red;

}

</style>

</body>

2、运行的效果如下图:

持枪仗红尘
2016-11-09 · TA获得超过371个赞
知道小有建树答主
回答量:274
采纳率:85%
帮助的人:109万
展开全部
input {
    display: block;
    padding:12px 4px;
    width:100%;
    border-width:0 0 1px;
    border-radius: 0;
    border-style: solid;
    border-color: rgba(0,0,0,.12);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
    font-size: 16px;
    background: transparent;
    outline: none;
}

你看可以吗?

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
书香学编程
2020-12-25 · 贡献了超过775个回答
知道答主
回答量:775
采纳率:25%
帮助的人:54.7万
展开全部

Vue实践-CSS样式position/display/float属性对比使用

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式