为了账号安全,请及时绑定邮箱和手机立即绑定

问题: input的背景没有效果是什么原因啊?

问题: input的背景没有效果是什么原因啊?

慕雪6989298 2017-11-22 22:39:40
html:<div class="search"><form action="post"><input type="text" value="html" class="search-text"></input></form></div>css:.search-text{width:190px;height:25px;background-color: red;  ?}
查看完整描述

4 回答

已采纳
?
realwds

TA贡献69条经验 获得超24个赞

input是自闭和标签不能用<input></input>

查看完整回答
反对 回复 2017-11-22
?
托马斯奎

TA贡献28条经验 获得超15个赞

是不是这样的效果???

//img1.sycdn.imooc.com//5a16320600011d4502340053.jpg

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

.search-text{

width:190px;

height:25px;

background-color: red;

}

</style>

</head>

<body>

<div class="search">

<form action="post">

<input type="text" value="html" class="search-text"></input>

</form>

</div>

</body>

</html>


查看完整回答
1 反对 回复 2017-11-23
?
juymy

TA贡献2条经验 获得超1个赞

.search-text{
    width:190px;
    height:25px;
    background-color: red;
    border: none;
    color: #fff;
    text-indent: 10px;
}
<div class="search">
    <form action="post">
        <input type="text" value="html" class="search-text"/>
    </form>
</div>


查看完整回答
1 反对 回复 2017-11-23
?
慕雪6989298

TA贡献1条经验 获得超1个赞

去掉</input>背景也显示不出来啊

查看完整回答
1 反对 回复 2017-11-23
  • realwds
    realwds
    那可能是你css放错位置了。。。
  • 4 回答
  • 0 关注
  • 2599 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信