小编vit*_*y87的帖子

我为shadowbox实现了一个使用'rev'内联标记的字幕解决方案.

在shadowbox.js中添加...

...get("sb-caption").innerHTML=obj.link.rev||"";... 
...<div id="sb-caption"></div>...

在shadowbox.css中,将以下内容添加到文件的底部...

#sb-info,#sb-info-inner{height:56px;line-height:20px;} 
#sb-caption {clear:both;font-size:90%;height:auto;line-height:12px;color:#fff;} 

在你的页面标记中添加rev属性(是的,它是一个有效的属性,如rel!)到链接...标题文本进入rev属性...

<a href="myimage.jpg" rel="shadowbox" title="My Image" rev="Your caption goes here...">My Image</a> 

就是这样......享受!

这里解释得更多:http://shadowbox.1309102.n2.nabble.com/Captions-td2643307.html

这是一个非常容易实现的事情.

但是,我创建了自己的CSS ...

#sb-caption{text-align:right;line-height:22px;color:#333;position:absolute;bottom:35px;right:35px;background:rgba(255,255,255,0.3);text-shadow: 1px 1px 1px #fff;display:block; padding:10px 20px 10px 50px;z-index:10;}

这一切都很有效,但是,我发现了一个问题.

当图像没有转速时,#sb-caption div无论如何都会出现,作为一个半透明的白色块,大小为20x70像素(与填充相同)我明白我的填充设置是导致问题.

我想知道是否有人可以帮我解决问题.如果rev =""未指定,则告诉shadowbox不显示#sb-caption的东西.

任何人都可以想出一个解决方案.

沿着这些方向的东西也许？

<script type="text/javascript">
  Shadowbox.init({
  });
  var Shadowbox = window.parent.Shadowbox;
  if (getElementById('sb-caption').innerHTML == '')
  getElementById('sb-caption').style.display = 'none';
</script>

......但是,这不起作用.

是否有某种类型的 css 前缀、插件、javascript 或 jquery 允许您设置默认浏览器 autocomplete/autofill dropdown 的样式。不是用于搜索字段...而是用于<input type="email">

我已经使用input:-webkit-autofill, input:-webkit-autofill:hover, andinput:-webkit-autofill:first-line来改变黄色背景、字体系列、颜色等的外观（在 Chrome 中）

现在我正在尝试覆盖由浏览器生成的下拉菜单的默认外观。

1. 我正在尝试为所有用户名/电子邮件自动填充下拉列表自定义外观、文本颜色、:hover 颜色、字体等。

2. 我不想指定数据列表，或有任何预定义的变量...

3. 我不想转 autocomplete="off"

我使用dropkick.js来自定义我所有的<select>下拉菜单 - 并将它们更改为<ul>元素。

我想知道是否存在这样的东西来以类似的方式自定义所有其他自动填充或自动完成下拉列表。

这甚至可能吗？