我在伦敦正在开发一个应用程序,而html/css的人在纽约.他每天都会通过电子邮件向我发送更新,因为我们没有可以使用的源代码控制设置,我经常对他的CSS进行小的更改,因此每次我从他那里得到一个新文件时,我都必须重新应用我的所有更改对它来说,显然我做的工作越多,每次花费的时间就越长.
我有想法制作我自己的单独样式表,但有没有办法告诉浏览器给我的sylesheet更高的优先级并覆盖他的任何具有相同类名和属性的样式?
这不是一个公共站点,所以我们只会支持最新的浏览器.
我正在建立一个网站(基于Wordpress,自定义主题),我想在CSS中的选择输入字段中添加/向下箭头.我用来为选择输入字段创建向上/向下箭头的HTML代码是:
<p>
<select name="filter_31" id="search-box-filter_31">
<option value="Vancouver Island University">University of A</option>
<option value="Western University">University of B</option>
<option value="Wilfrid Laurier University">University of C</option>
<option value="York University">University of D</option>
</select>
</p>
Run Code Online (Sandbox Code Playgroud)
以下代码是完整的小提琴https://jsfiddle.net/ovp8Lxjw/4/embedded/result.此刻,它只有向下箭头.
在上面的小提琴中,我想添加蓝色的上/下箭头.此时,它仅显示向下箭头.
问题陈述:
我想知道我需要在上面的小提琴中添加什么CSS代码,以便我可以在css的select输入字段中看到上/下箭头(如下面的屏幕截图所示,用箭头标记).我不能对HTML代码进行任何更改,因为它来自wordpress 网站的检查.
在我的wordpress子主题css文件加载主主题css之前.我的孩子主题css functions.php文件如下
function my_theme_enqueue_styles(){
wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/../enfold-child/plugins/bootstrap/css/bootstrap.min.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
Run Code Online (Sandbox Code Playgroud)
我想在父主题css之后加载子主题css.