页面中引入百度地图,实例化后影响html5的表单元素date的上下箭头
复现步骤:
- 使用百度地图的JavaScript的API,引入文件地址"http://api.map.baidu.com/api?key=&v=1.1&services=true"
- 实例化对象
 javascript var map = new BMap.Map("mapContainerId"); var point = new BMap.Point(108.93, 34.27); map.centerAndZoom(point, 5); window.map = map;
- 在页面中加入'' 打开页面测试,也可以设置value,格式为:yyyy-mm-dd,
解决办法:
- 由于水平有限暂时没有找到好的解决办法,只能退而求其次去掉这个上下箭头,方法是:
 css input[type='date']::-webkit-inner-spin-button { display:none; }
- date标签还有其他的配置,如下: 
 ```css- input[type='date']::-webkit-datetime-edit-month-field { 
 color: red;
 }
 - css
 input[type='date']::-webkit-datetime-edit-day-field {
 color: white;
 }
 - css
 input[type='date']::-webkit-datetime-edit-year-field {
 color: blue;
 }
 - css
 input[type='date']::-webkit-clear-button {
 font-size: 18px;
 height: 30px;
 position: relative;
 right: 5px;
 margin-right: 4px;
 }
 - css
 input[type='date']::-webkit-inner-spin-button {
 /display:none;/
 }
 - css
 input[type='date']::-webkit-calendar-picker-indicator {
 font-size: 18px;
 }
 - css
 input[type='date']:hover {
 background-color: lighten(#2f2f2f,40%);
 color: darken(#fff, 10%);
 cursor: pointer;
 }
 - css
 input[type='date']:active {
 color: blue;
 }- ``` 
页面中引入百度地图,实例化后影响html5的表单元素date的上下箭头的更多相关文章
- IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息
		IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息 /**当获取到定位的坐标后,回调函数*/ - (void)didUpdateBMKUserLocation:(BMKUserLocati ... 
- react项目中引入百度地图打包报错问题
		一.我正常引入百度地图,调试时候是好使的,但是打包时候就报错 引入方法如下: 报错如图 正常调试是好使的,但是打包报这个错,解析不了这个BMap,那么怎么办呢? 然后我就转用了window办法,虽然因 ... 
- MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱
		网站模板页有个登陆的退出按钮,当点击时跳转到登陆页面. <button onclick="logout()" >退出</button> $("#l ... 
- vue中引入百度地图
		xxx.vue <template> <div> <el-input v-model="inputaddr"> </el-input> ... 
- VUE 中引入百度地图(vue-Baidu-Map)
		1.安装 $ npm install vue-baidu-map --save 2.全局注册,在main.js中引入以下代码 import BaiduMap from 'vue-baidu-map' ... 
- 页面中插入百度地图(使用百度地图API)
		watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWF5dW4wNTE2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA ... 
- 如何在vue单页应用中使用百度地图
		作为一名开发人员,每次接到开发任务,我们首先应该先分析需求,然后再思考技术方案和解决方案.三思而后行,这是一个好的习惯. 需求:本项目是采用vue组件化开发的单页应用项目,现需要在项目中引入百度的地图 ... 
- 在Vue框架中使用百度地图
		1.首先在index.html中引入百度地图 <script type="text/javascript" src="http://api.map.baidu.co ... 
- vue中实现百度地图
		1.项目根目录下下载百度地图插件 npm install vue-baidu-map –save 2.在首页index.html中引入百度地图: <script type="text/ ... 
随机推荐
- [原创]SQL表值函数:返回从当前周开始往回的自定义周数
			一如往常一样,一篇简短博文记录开发过程中遇到的一个问题.初衷都是记录自己的一些Idea,也是希望能够帮助一些凑巧遇到此类需求的问题,这个需求的的开端是因为,要统计最近N周的销售数据. 接下来我们来看看 ... 
- hive2.1.1安装部署
			转至:https://i.cnblogs.com/EditPosts.aspx?opt=1 一.Hive 运行模式 与 Hadoop 类似,Hive 也有 3 种运行模式: 1. 内嵌模式 将元数据保 ... 
- jmeter响应结果乱码问题
			问题分析 当响应数据或响应页面没有设置编码时,jmeter会按照jmeter.properties文件中,sampleresult.default.encoding设置的格式解析 默认ISO-8859 ... 
- 1. sqlmap超详细笔记+思维导图
			sqlmap思维导图: 基本操作笔记: -u #注入点 -f #指纹判别数据库类型 -b #获取数据库版本信息 -p #指定可测试的参数(?page=1&id=2 -p "page, ... 
- 删除docker私有仓库中的镜像
			1.搭建私有仓库 (1)拉取私有仓库镜像 docker pull registry(2)启动私有仓库容器 docker run ‐di ‐‐name=registry ‐p 5000:5000 reg ... 
- Oracle 11g 、   Oracle 11g select 、  PLSQL 、  Sql Server迁移助手(SSMA)6.0/7.1 网盘下载地址
			- - - - - - - - 链接: https://pan.baidu.com/s/1q-uwAfeLOPxzBBx6V1pYLg 提取码: hei9 
- SPI编程
			#include <stdio.h>#include <wiringPi.h>#include <wiringPiSPI.h> int main(void){ un ... 
- (PHP)redis  String(字符串)操作
			/** * * String操作 * 字符串操作 * */ //设置键值:成功返回true,否则返回false,键值不存在则新建,否则覆盖 $redis->set('string', 'hell ... 
- 2014-11-3 NOIP模拟赛3
			字符串 string.pas/c/cpp 1S/256MB [题目描述] 现在给一个字符串,你要做的就是当这个字符串中存在两个挨着的字符是相同的时就将这两个字符消除.需要注意的是,当把这两个字符消除后 ... 
- HDU1425 A Chess Game
			题目:http://acm.hdu.edu.cn/showproblem.php?pid=1524 思路:题目就是给你一个拓扑图,然后指定点的位置放棋子,然后两人轮流移动棋子(题目中的边的关系),直到 ... 
