是否可以跨浏览器设置浏览器原生视频的控件,例如来自HTML5视频标签的视频？

我不明白是否可能,我找不到除了：

http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/

但它似乎使用Javascript

我想让控制条适合视频宽度;从附图中可以看出,控制条超出了视频宽度.

上面图片的HTML

<div>
    <ahref="javascript:void(0)" id="video-close" rel="tooltipTOP" data-original-title="close">X</a>
    <video width="63%" height="60%" id="video"controls>
      <source src="<?PHP echo base_static_url();?>media/video.mp4">
        <source src="<?PHP echo base_static_url();?>media/video.ogv">
          <source src="<?PHP echo base_static_url();?>media/video.webm">
          </video>
        </div>

您无法设置浏览器的默认控件集的样式,但您可以使用(JavaScript)Media API构建自己的控件集,当然您可以按照自己喜欢的方式设置样式.

看看Working with HTML5 multimedia components – Part 3: Custom controls,它向您展示了如何做到这一点.

参见英文答案 > Change an HTML5 input’s placeholder color with CSS32个
> Placeholder not working for Internet Explorer8个
我有一个像这样的元素< input type =“text”placeholder =“lorem ipsum”>.

如何在CSS中设置thisplaceholder属性的样式,以便它适用于所有浏览器？

输入中的占位符文本(在目前为止实现它的浏览器中)是浅灰色.要设置样式,您需要供应商前缀CSS属性.

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

您也可以查看这个非常相似的问题：

> Change an HTML5 input’s placeholder color with CSS

我是否需要在任何地方使用样式属性,这会导致大量重复？

<p>Some text</p>

使用< style>似乎失败了

许多电子邮件客户端将删除CSS和类,并确保您的内容通过的方法之一是使用inline-css.正如所指出的,这是耗时且难以维护的.

幸运的是,mail chimp年以来的那些人开发了一种CSS Inliner工具.

因此,您可以像往常一样使用CSS类开发电子邮件,将html粘贴到工具中,并接收正确的内联CSS,非常适合发送电子邮件.

做一些调整,你需要声明一切,但它确实让生活更轻松.

(例如,您必须声明p,h1,h2,h3,td,ul的字体系列,大小和颜色,而不仅仅是body).

我试图通过发布一些css技巧问题(以及其他主题中的 jquery技巧)来分享一些知识并回答它.
在这里,我正在处理为谷歌浏览器浏览器设置滚动条样式.

只需添加以下CSS规则：

> :: – webkit-scrollbar
> :: – webkit-scrollbar-button
> :: – webkit-scrollbar-track
> :: – webkit-scrollbar-track-piece
> :: – webkit-scrollbar-thumb
> :: – webkit-scrollbar-corner
> :: – webkit-resizer

以下是每条规则的作用：