使用CSS进行自定义视图公开过滤器下拉列表[已关闭] -- views 领域 和 theming 领域 drupal 相关 的问题

Customizing views exposed filter drop down list with css [closed]


0
vote

问题

中文
关闭。这个问题是 off-topic 。它目前不接受答案。

想要改进这个问题? 更新问题所以它是 - 主题用于卸妆答案。

关闭 8年前

改善这个问题

我有一个曝光过滤器的视图。当您单击它们的右侧时,它们都是"选择1术语" 类型的过滤器,出现下拉列表。

我想要出现样式下拉列表。它在Chrome中看起来不错,但它特别丑陋地看IE。此外,我无法在代码中找到它们,当我试图"检查" 时,他们只是消失了。

如何自定义那些下拉列表的外观?他们有任何CSS课程吗?任何其他想法?

英文原文

I have a view with few exposed filters. They are all "choose 1 term" type of filters with appearing dropdown list when you click on right side of them.

I want to style appearing dropdown lists. It looks ok in chrome, but it's especially ugly looking in IE. Also, i can't find them in the code, they just dissapear when i try to "inspect" them.

How can i customize those drop-down lists' appearances? Do they have any css classes? Any other ideas?

     
   
   

回答列表

1
 
vote
vote
最佳答案
 

unfortunyly,每个浏览器都有自己的下拉渲染(以及文件框)。因此,直接CSS样式下拉元素将无法在所有浏览器中使用。

您需要做的是使用名为sailens的模块( http://drupal.org/project/uniform < / a>)。它提供了使用自定义样式元素的自动替换统一库的统一库,它自动替换下拉,FileCloads,Checkbox和无线电。

这将为您提供符合这些自定义元素的能力,并制作下拉列表看起来几乎任何浏览器所需的方式。只需检查这是适合您的工作。

 

Unfortunatelly, every browser has its own rendering of drop downs (as well as fileupload boxes). So direct CSS styling of a dropdown element won't work in all browsers.

What you need to do is to use module called Uniform (http://drupal.org/project/uniform). It provides intergration with uniform library which automatically replaces drop downs, fileuploads, checkboxes and radios with custom styled elements.

This will give you ability to style these custom elements and make dropdown lists look the way you want in almost any browser. Just check if this works for you.

 
 
0
 
vote

尝试此CSS代码并将其更改为您的要求

  .form-select {    background: transparent;       width:95px;    padding: 4px;       border: 1px solid #d8d9da;       cursor:pointer;    border-radius:4px;     color: #8C8C8C;     font: 13px "Times New Roman";     font-style:italic;      -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;  -o-transition-duration: 0.1s;    }  .form-select:hover{      background-color:#CC0;  }   
 

try this css code and change it to your requirement

.form-select {    background: transparent;       width:95px;    padding: 4px;       border: 1px solid #d8d9da;       cursor:pointer;    border-radius:4px;     color: #8C8C8C;     font: 13px "Times New Roman";     font-style:italic;      -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;  -o-transition-duration: 0.1s;    }  .form-select:hover{      background-color:#CC0;  } 
 
 
 
 

相关问题

0  订阅事件日历更新  ( Subscribing to events calendar updates ) 
我已经将事件日历实现到我的Drupal 7网站。如何为用户提供选择要订阅活动日历更新的选项? ...

0  通过分类学术语参考过滤耳伞视图  ( Filter a drupal view by a taxonomy term reference ) 
我有一个视图,在特定词汇量下在所有分类学术语页面上生成块(允许现在调用此词汇量))。特定词汇表具有一个字段,该字段是对一个词汇表的术语引用,我们可以调用'pageType'(你只能选择一个值)。我希望我的观点显示所有的"页面" ,它具有与我目前的相同"PageType" 的"页面" 。问题是我无法弄清楚如何使用当前术...

0  如何在Mini_Page视图中具有无限寻呼机?  ( How can i have infinite pager in mini page views ) 
我需要我的minipager去无限。我的意思是当它到达最后一个记录跳到第一个记录时。如果它到最后一个跳到第一个?我怎样才能实现这一目标。我正在使用视图来显示我的信息。但我只是希望它在特定的视图中使用它。我不希望它默认为我的所有观点。 ...

2  限制ui视图中的可用窗格  ( Limit available panes in the views ui ) 
我正在尝试配置视图 ui,以便用户只能看到特定的窗格(即只有字段,过滤器和样式设置窗格)。我测试了 simpleviews 和 views ui:编辑基本设置模块,但它不是很有用。 用jquery隐藏窗格也不是一个好方法。 有没有人有解决方案? ...

0  显示所有与参数tid子项的术语  ( Show all terms that are children of term with argument tid ) 
我需要一个显示的视图,它显示了参数tid子的所有术语。 term 1 -term 2 -term 3 term 4 -term 5 View / 4应该返回第5项 我必须缺少一些基础,因为无论我如何混淆上下文过滤器和关系,我从来没有接近实际过滤我的上下文。 ...

1  根据基于领域的分类法列出节点  ( List nodes from a taxonomy based on a field ) 
我正在寻找最"drupal" 的方法来创建一个包含一个列表的视图/块(不确定),其中包含顶级项目的列表是来自某个词汇的父分类(共有4个父母)然后嵌套在每个分类系统下,这是一个有一定字段的第5个产品设置为true。 基本上是一个"特色产品" -Sque块,将有4个标签。 ...

0  创建视图的视图?  ( Create a view of views ) 
我喜欢Drupal的观点和标签,但我有点麻烦弄清楚如何做到这一点。 我们有几个在线研讨会,每个在线研讨会都有多个会话。 例如:重新焦于家庭第1部分,重新​​焦于家庭第2部分,真正的女性女性第1部分等。 对于每种文章,我的视图会创建,这将返回该类别中的所有文章。 例如,当您单击Refofusing on Focking...

3  退出视图时,模态我返回了JSON [复制]  ( When exiting views modal i am returned json ) 
这个问题已经在这里有答案: 无法编辑我的观点..我得到了一个JSON字符串? (5个答案) ...

0  什么(基本上)的观点/包含/ plugins.inc 9/9 views_include('base')实际上是这样做的?  ( What basically does views includes plugins inc line 9 views includebase ac ) 
我跑进了今天的问题,我开始收到以下白色屏幕错误错误: php致命错误:调用未定义的函数视图_include()in / lsites/all/modules/views/includes/plugins.inc在第9行(第9行) 我找到了多个 各种错误报告和具有类似错误的问题。有人说这是一个错误的观点,有些人说...

3  如何翻译视图并保留上下文过滤器?  ( How to translate a view and keep contextual filters ) 
我正在建立一个双语网站(法语/英语)。我创建了"用户传记" 让我稍后在视图中显示。传记被翻译。 视图在页面中调用:传记.php?id_author = 405,其中包含上下文过滤器(本例中405)。现在,当我们点击查看其他语言版本时,我们被重定向到"Biographie.php" (以法语为单位),但我们丢失了参数。...

3  多个选择listbox视图过滤器drupal 7  ( Multiple select listbox views filter drupal 7 ) 
我有一个与某些字段的视图,例如一个字段是一个字段是产品名称。我想制作一个多选择的列表框,允许从视图中的产品列表中选择其中3个,但却无法弄清楚。 谢谢, 账单 ...

2  使用节点ID转到特定页面  ( Go to specific page in view using node id ) 
我有一个由带有寻呼机的单个节点组成的视图。使用节点ID有没有方法可以链接到此视图中的特定页面?我可以看到寻呼机在URL中使用页面变量,但没有关于节点的信息。我可以使用上下文过滤器进入特定节点,但如果我不想过滤结果,我只想使用节点ID跳转到寻呼机中的页面。过滤使寻呼机消失(当然)。 有没有方法可以在节点ID中传递到视图...

0  视图幻灯片占据旋转  ( Views slideshow countinuous rotation ) 
我有一些内容(生物:内容类型)才能连续幻灯......我已经安装了视图幻灯片 7.x-3.0。 我可能会让我的生物旋转不断像html marquee效果? 与视图幻灯片或其他模块? ...

1  将ID添加到图像内视图中  ( Add id to image inside views ) 
我在其中创建了一个网格的网格,其中有存储的网上商店(它是您可以找到所有类型的Webshops的网站)。它显示了每个WebShop的图片,标题和BodyText。现在我想在单独的ID中仅为该页面编辑图像。 只有我不知道如何为图像的CSS添加一个ID,在Drupal,CSS或PHP中如何实现这一目标? ...

2  论坛帖子和回复  ( Forum posts and replies ) 
我有一个需要显示最新讨论的要求(使用高级论坛模块)使用意见。这里的棘手事件是,即使它们是相同线程的一部分,也需要平等地对待两种答复和主题,并且即使它们是相同的一部分,也应该在顶部显示。 例如,用户A创建一个新主题/ post x,b答复(允许调用该回复y),然后用户c创建另一个主题z.在这种情况下,模块中项目的顺序应...

0  视图模板图像  ( Views template images ) 
我试着制作我的第一个视图模板。我需要基于Zurb Foundation 3清除的图像库。 <ul class="block-grid three-up" data-clearing> <li><a href="http://placekitten.com/g/1000/800"><img data-capti...

1  什么导致/用户/ * /分类/术语/ *重定向到/分类/术语/ *?  ( What is causing user taxonomy term to redirect to taxonomy term ) 
我有一个与上下文过滤器设置为以下内容的视图: global:null(固定值"用户" ) 内容:作者UID(URL的用户ID) global:null(固定值"分类" ) global:null(固定值"术语" ) 内容:具有分类学术语ID(来自URL的分类术语ID) 当我转到 mysite.com/use...

0  如何将#rss追加到每个RSS Feed项目的URL内容查看?  ( How to append rss to each rss feed items url built with views ) 
问题 我有一个RSS Feed,在Drupal 7安装上有视图。我想将以下字符串附加到每个饲料项目的URL,但不知道如何:"#rss" 例如,让我们假设我的RSS有一个饲料项目链接到博客文章 http://www.example.com/blog/post.html < / p> 我想将HASHTAG添加...

7  显示3个不同的视图,显示相同的筛选器块或链接视图显示显示?  ( Show 3 different views displays for same exposed filter block or link views disp ) 
所以,我的视图使用具有曝光形式样式设置为阻止的暴露过滤器。 在我的第一个视图显示中,我有一个页面显示,它将内容显示为所有结果的预告片视图。内容类型的扣式为自定义模板( node - my-custom-type.tpl.php )。 然后我使用"QuickTabs" 模块进行了3个选项卡,并将"我的视图" 页面作...

0  我想添加按钮或超链接  ( I want to add button or hyper links ) 
我想添加一个下载按钮,据我所知,这意味着发布的内容包含按钮。 现在我为目的添加CKEditor。当后内容用户必须使用HTML,但并非所有用户都知道HTML, 然后我应该做什么 ...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.