昆明凯杰

标签：避免   class   enter   search   项目   action   progress   point   公司   

2017年9月15来公司上班第一天，拿到的凯杰项目。常规PC端页面，由于长时间没练 生疏了许多。前期很累很辛苦 效率还很低。今天项目完成，做一下项目总结。记录在做项目中遇到的问题，希望在接下来的项目中可以避免，能够不断进步。

1、导航旁边的<input>框 需要注意的是 input框的光标颜色的消除

<form action="" method="post">
　　<div class="search">
　　<input type="text" placeholder="请输入关键词" class="searchtxt">
　　<input type="submit" class="searchbtn" value=""/>
　　</div>
</form>

<style>

.search{
　　height:30px;
　　width:160px;
　　border-radius:1.5em;
　　margin-top:15px;
　　background:none;
　　border:1px solid white;
}

.searchtxt{
　　height:30px;
　　width:120px;
　　border:none;
　　background: none;
　　color: white;
　　text-indent:1em;
　　float:left;
}
.searchbtn{
　　height:30px;
　　width:30px;
　　float:left;
　　background:url(../images/qrw.png) no-repeat center;
　　border:none;
　　cursor: pointer;
}

</style>

附：cursor属性
十字准心 cursor: crosshair;
手 cursor: pointer;
     cursor: hand;
写两个是为了照顾IE5，它只认hand。
等待/沙漏 cursor: wait;
帮助 cursor: help;
无法释放 cursor: no-drop;
文字/编辑 cursor: text;
可移动对象 cursor: move;
向上改变大小(North)   cursor: n-resize;
向下改变大小(South)   cursor: s-resize;
向右改变大小(East)   cursor: e-resize;
向左改变大小(West)   cursor: w-resize;
向上右改变大小(North East)   cursor: ne-resize;
向上左改变大小(North West)   cursor: nw-resize;
向下右改变大小(South East)   cursor: se-resize;
向下左改变大小(South West)   cursor: sw-resize;
自动 cursor: auto;
禁止 cursor:not-allowed;
处理中 cursor: progress;
系统默认 cursor: default;

昆明凯杰

标签：避免   class   enter   search   项目   action   progress   point   公司   

原文地址：http://www.cnblogs.com/addi/p/7570024.html