Firefox 浏览器的CSS补丁解析

Mozilla今天如期发布了Firefox OS Simulator 4.0，为想在Firefox平台上挣钱的开发者们更新了一些内容。你现在可以在Mozilla的Add-Ons页面里下载Windows、Mac以及Linux版本的Firefox OS Simulator 4.0。

不过在使用之前首先你得安装Firefox，因为模拟器是以插件形式运行在Firefox浏览器中的。安装好后，你可以在浏览器的工具（Tools）→开发者菜单（Web Developer menu）底下找到它。

首先，新模拟器支持付费app的收据功能，每个app右侧都会有一个下拉菜单，开发者可以选择需要的收据类型。其次，或许也是最大的更新，就是Gaia（Firefox OS的UI）中添加了touch事件。现在使用鼠标就可以在模拟器中进行touch事件的交互。

另外，Firefox OS Simulator 4.0还增加了对CSS的远程控制，如果你使用Nightly或者Aurora来连接app的话，可以用其中的Style Editor工具来实时更改你的app的样式表，更改后样式会即时更新（效果如下图所示）。

.placeholder－基本上，这个属性的作用在于当文本框获得焦点之前，先在文本框里显示一个域的信息，直到获得焦点后，域的信息被隐藏。

.required－这个属性说明了当前元素是表单提交中的一个必需属性。

HTML5也给我们带来了一个新的type属性：type＝"search"。

小贴士：HTML 元素像img 和input 都没有内容，所以，像before这样的伪元素不会为我们的搜索框呈现任何箭头。我的解决方案是使用button type＝“submit” 元素代替普通的input type=“submit”。这样，我们就可以用ENTER键来提交表单。

转载注明： www.51lz.com.cn