<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<style>
body {
padding: 0px;
margin:
0px;
}
.inp {
float: left;
margin: 20px 0px 0px 50px
background:red;
padding:10px;
}
.inp>div {
float: left;
font-size: 12px;
height: 54px;
line-height: 54px;
*line-height: 56px;
}
.inp .que,
.inp .imgs {
border: 1px solid #d5d5d5;
// padding: 0px 40px;
margin-right: 80px;/**控制图片之间的距离**/
cursor: pointer;
height: 54px;
border: 0px;
color: #ffffff;
font-weight: 800;
text-align:center;
}
.inp .que {
background: #16bfd2;
}
.inp .imgs {
background: #feaf48;
}
.inp .txt input[type="text"] {
border: 1px solid #d5d5d5;
border-right: 0px;
height: 50px;
line-height: 50px;
*margin-top: -2px;
margin-right: 0px;
text-indent: 10px;
width:500px;
}
</style>
<div class="inp">
<div class="txt">
<input type="text" placeholder="这里输入内容" />
</div>
<div class="que" style="width:120px">
<span>确定</span>
</div>
<div class="imgs" style="width:230px;*width:180px;">
<span>上传我的文档</span>
</div>
</div>
</body>
<script>
var updata = function(obj) {
obj.style.background = 'red';
}
</script>
</html>
