博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
昆明凯杰
阅读量:5030 次
发布时间:2019-06-12

本文共 1375 字,大约阅读时间需要 4 分钟。

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;

转载于:https://www.cnblogs.com/addi/p/7570024.html

你可能感兴趣的文章
控件发布:div2dropdownlist(div模拟dropdownlist控件)
查看>>
Oracle composite index column ordering
查看>>
ActiveReports 报表控件官方中文入门教程 (3)-如何选择页面报表和区域报表
查看>>
kaggle竞赛
查看>>
区块链入门教程
查看>>
域 搭建OU 组织单元
查看>>
npm常用命令
查看>>
南海区行政审批管理系统接口规范v0.3(规划)4.2.【queryExpireList】当天到期业务查询...
查看>>
[置顶] 细说Cookies
查看>>
[wp7软件]wp7~~新闻资讯,阅读软件下载大全! 集合贴~~~
查看>>
生成指定位数随机数的方法
查看>>
java的垃圾回收
查看>>
Essential C++学习笔记
查看>>
python+selenium进行简单验证码获取
查看>>
where,having与 group by连用的区别
查看>>
【MySQL】MySQL锁和隔离级别浅析二 之 INSERT
查看>>
Oracle T4-2 使用ILOM CLI升级Firmware
查看>>
4.14上午
查看>>
数据分析 -- 白话一下什么是决策树模型(转载)
查看>>
Java SPI机制原理和使用场景
查看>>