去掉chrome浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小

1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。
你可以用下面的css代码去掉所有元素的边框:

*:focus {outline: none;}

用下面的代码去掉你要去掉的元素的边框:

.nohighlight:focus
{
outline:none;
}

你也可以给元素增加你希望的边框:

.changeborder:focus
{
outline:Blue Solid 4px;
}

2、用chrome登录了一次并记录了COOKIES之后,再次打开,CHROME记录了上次输入的内容,背景图片就会被覆盖一层淡黄色的背景色,点击一下鼠标,背景图片才显示出来。这个怎么解决呢?我当时碰到这个问题的时候,也很头疼,至今都没有发现有什么好的办法。有发现的请分享一下。

3、chrome默认用户可以控制textarea的大小,在CSS中加入下面一句就可以了

textarea {resize:none;}

时间: 2024-09-28 20:34:15

去掉chrome浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小的相关文章

html webkit 阴影 css-关于去掉手机浏览器默认给input添加阴影

问题描述 关于去掉手机浏览器默认给input添加阴影 我写了一个简单的div 里面包含一个input

chrome浏览器自带字体怎么修改为默认雅黑?

  怎么修改chrome字体为默认雅黑 查看chrome浏览器版本.很多人都想修改一下chrome浏览器自带的字体,需要下载什么插件.其实不用申插件,现在就让小编来教大家免插件情况下修改chrome浏览器默认字体为"微软雅黑". 修改chrome字体为默认雅黑:1:打开chrome浏览器,地址栏输入chrome://version/,查看chrome版本 2:在"我的电脑"里查找"Custom.css",找到相关文件.小编建议直接用搜索,之前小编

谷歌设计总监:ANDROID新版CHROME浏览器再设计思路总结

  本文来自 Chrome 视觉设计负责人 Sebastien Gabriel,也是曾经和我在Google IO大会上一起交流过的朋友,看到他的新作详细描述了 Android 上的新版 Chrome 的设计过程,也能看到一些关于谷歌产品中Material Design的发展以及是如何应用的,许多思考和细节都是一手消息,非常详尽,于是翻译出来分享给大家. 译者为阿里MIX设计团队的筱鹿.禅冬,提前透露下,他们团队的老大最近会参加优设的线下讲座,敬请期待 :) 正文开始: 当我开始写这篇文章的时候,

如何在360极速浏览器安装谷歌Chrome浏览器插件

  如何在360极速浏览器安装谷歌Chrome浏览器插件         1.我们可以从网上下载一些需要的Chrome浏览器插件(一般为zip格式),并解压; 2.解压后如果目录下有一个crx格式的文件则双击打开; 3.接着会跳转到360极速浏览器插件安装界面,点击"添加"即可完成安装; 4.如果解压后的目录是含有几个文件夹和文件则通过下面的方法进行安装; 5.打开360极速浏览器右上角的菜单,点击"选项"; 6.然后点击左下角的"扩展程序";

详说Chrome浏览器同时登陆多账号方法

目前,微博.网络社区.网页游戏等热门互联网应用深受用户喜爱,很多用户都会通过同时运行多个账号来满足不同的需求.但囿于浏览器Cookie的问题,所以很多浏览器并不支持同时登陆多帐号的功能.于是为了解决这个问题,很多用户不得不同时打开多个浏览器,这无疑加重了系统负担,使电脑运行更加缓慢. 详说Chrome浏览器同时登陆多账号方法 其实,我们用Chrome浏览器就可以轻松解决这个问题.Chrome浏览器去年就开始支持多用户帐号同时登录,可以满足多人共用一台电脑的需求. 首先,我们需要在Chrome的"

Chrome浏览器炫酷画图手绘创作应用

我们知道HTML5技术的发展让更多的功能得以在浏览器中实现,比如说画图.如果你需要一款画图的小软件,那么现在完全没有必要去下载一个,因为打开网页就有很多的在线画图工具.当然如果你用的是Chrome浏览器那就更棒了. 我们都知道Chrome在HTML5方面一直走得比较远,看看它的应用商店就知道.最近笔者在网上闲逛的时候发现了一个还不错的在线画图工具,我们试着用Chrome操作一番,看看怎么样. 有了HTML5就意味着你不用再去安装Flash Player插件和别的一些控件,用Chrome直接打开网

如何查看Chrome浏览器的历史记录和下载内容

  工具/原料计算机一台,要求安装Chrome浏览器 方法/步骤 1在计算机中找到Chrome浏览器. 2打开Chrome浏览器,可以发现上方地址栏末端右侧有一个由三道横线组成的按钮.单击该按钮即可打开Chrome的菜单. 3在菜单中可以找到历史记录和下载内容两项.其中历史记录的快捷键为H,下载内容的快捷键为D.用户在打开Chrome后也可以通过热键Ctrl+H和Ctrl+J快速进入这两个页面. 4在历史记录页面,用户可以查看到自己使用Chrome浏览器浏览过的网页名称和地址.用户可以通过上方的

Chrome浏览器模拟手机访问网站的设置方法

  以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了. 方法如下: 1.打开Chrome浏览器,需要32以后版本的.笔者使用的是Chrome 33版本. 2.打开"开发者工具",快捷键(F12或者Ctrl+Shift+i). 3.在"开发者工具"界面的右侧有个"Show drawer"按钮,点

Mac 版64位 Chrome 浏览器进入 Canary 和 Dev 分支

上周,谷歌为 Windows 7 和 8系统用户推出了64位版本的 Chrome 浏览器 Beta 测试版.现在,谷歌悄悄的为 Canary 和 Dev 分支Mac 版 Chrome 浏览器增加了64位支持.Mac 用户需要切换至 Canary 或 Dev 分支才能体验64位版 Chrome 浏览器. 根据 The Next Web 报告,最新版本 Chrome Canary,也就是38.2114.2 已经提供了64位支持,我们可以在关于 Crhome 窗口中查看.谷歌还没有宣布 64位 Chr