0

我被要求将旅行顾问小部件附加到现有项目中。问题是我找不到样式化它的方法。搜索谷歌已被证明是消极的，我尝试了各种方法来改变自己的风格，但每次我都一无所获。

看起来（通过使用开发人员工具）该脚本在被调用时在下面的代码中添加了其他 div 标签，而这些新添加的 div 正是我需要设置样式的。

有任何想法吗？

<div id="TA_linkingWidgetWAR281" class="TA_linkingWidgetWAR">
  <ul id="7vEu3EbbE54" class="TA_links I3eKq4As">
    <li id="P1W6bWTQjEmY" class="M0QRzat">
      Write a review of <a target="_blank" href="http://www.tripadvisor.co.uk/Restaurant_Review-g1217951-d2315832-Reviews-Peking_Chinese_Takeaway-Bradley_Stoke_Gloucestershire_England.html">Peking Chinese Takeaway</a>
    </li>
  </ul>
</div>

<script src="http://www.jscache.com/wejs?wtype=linkingWidgetWAR&amp;uniq=281&amp;locationId=2315832&amp;lang=en_UK&amp;border=true">   </script>
4

2 回答 2

5

这很容易吧？

您所要做的就是使用浏览器检查器并检查当前的应用样式并根据自己的意愿进行编辑...

在此处输入图像描述

例如：http: //jsbin.com/ivebet/2/edit

我所要做的就是：

#CDSWIDLNKR .widLNKRInner {
    margin: 30px  !important;
    padding: 14px 16px 12px !important;
    background-color: #bada55 !important;
}
ul li img {
    display: none;
}

但是，请注意，您正在破坏小部件协议。

2.1您不得直接或间接更改、编辑、添加、复制或提取 TripAdvisor Widgets 或 TripAdvisor 网站上任何内容的摘要，或制作其摘要。特别是，您不会在 TripAdvisor 小组件之外的网站上显示任何 TripAdvisor 评分或评论。

于 2013-05-19T06:05:09.023 回答
1

由于这是一个小部件，因此您所说的 div 是通过您正在使用的小部件提供的。除了创建包装器和样式之外，您可能几乎无法控制内部样式。

但是，这是您可以做的。在浏览器中按 F-12（例如 chrome）并检查它创建的其他 div。请注意这些 div/元素的相应类和 id。

要在 CSS 中设置它们的样式，您可能还需要至少在某些情况下使用 !important 来覆盖来自插件提供者的默认值。比如这样：

div.someclass { border: none !important; }

不幸的是，这是使用小部件的代价，易用性是与控制的权衡。

于 2013-05-19T06:04:21.867 回答