小编Mr.*_*ien的帖子

如何更改选择选项的高度和悬停背景颜色

<select name="mySelect" class="select-min">
   <option value="0">please select</option>
   <option value="1">item1</option>
   <option value="2">item2</option>
   <option value="3">item3</option>
   <option value="4">item4</option>
   <option value="5">item5</option>
</select>
Run Code Online (Sandbox Code Playgroud)

当鼠标悬停在选项上时,我想更改选项的高度和背景颜色,我尝试了很多次,但都失败了

html css

0
推荐指数
1
解决办法
6924
查看次数

在href链接内的跨度上的不同颜色

我想在href链接内的span上添加不同的颜色.但由于某些原因,他们没有反思.请告诉我,我在这里做的错误是什么?

这是小提琴

HTML:

<div class="map_view_buttons">
<a href="draw"><span></span>Draw From Scratch</a>
<a href="add"><span></span>Add Area</a>
<a href="edit"><span></span>Edit Area</a>
Run Code Online (Sandbox Code Playgroud)

CSS:

.map_view_buttons{
float:left;
}
.map_view_buttons a{
    display:inline-block;
    padding:3px 10px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #a8a8a8;
    font-weight:bold;
    color:#000;
    font-size:12px;
    }
    .map_view_buttons a span{
        display:inline-block;
        width:18px; height:18px;            
        vertical-align:middle;
        margin-right:5px;
        border:1px solid #ccc;
        }
        .map_view_buttons a.draw span{background:red;}
        .map_view_buttons a.draw span{background:orange;}
        .map_view_buttons a.draw span{background:green;}
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

0
推荐指数
1
解决办法
1151
查看次数

嵌套跨越像楼梯一样的一系列步骤

我正在尝试创建以下布局

Stuff » More Stuff » Children » FirstChild  
                                  » SecondChild  
                                      » ThirdChild
Run Code Online (Sandbox Code Playgroud)

由于使用了CRM系统,我有一些限制,所以呈现的html如下:

<span>Stuff » More Stuff » Children <span class="breadcrumbItem">» FirstChild</span>
                                    <span class="breadcrumbItem" style="margin-left:10px">» SecondChild</span></span>
                                        <span class="breadcrumbItem" style="margin-left:20px">» ThirdChild</span>
                                                </span>
Run Code Online (Sandbox Code Playgroud)

我已经尝试了许多 googled css 结果,但是没有一个创建我所追求的布局,我最接近的是以下内容,它确实嵌套了项目,但从下一行的开头而不是从最后一行的末尾开始。

.breadcrumbItem {
    padding: 5px 6px 5px 2px;
    font-size: 12px;
    line-height: 6px;
    display:table;

}
Run Code Online (Sandbox Code Playgroud)

有可能做我正在尝试的事情吗?

html css

0
推荐指数
1
解决办法
735
查看次数

-1
推荐指数
1
解决办法
1055
查看次数

我怎样才能在我的页面中回显'html代码(PHP)?

我需要创建一个生成html代码的函数.这将输出html到客户端进行复制.

我怎样才能做到这一点?

样品:

$htmlCode = "<div class='redRectangle'></div>";
Run Code Online (Sandbox Code Playgroud)

如果我echo $htmlCode这将显示div,但我需要显示代码.

谁能帮我?

html php

-1
推荐指数
1
解决办法
183
查看次数

在jquery中通过父div类在父div中找到div

我有两个div的情况,一个父div有正确的类和父div中的另一个div没有任何类但是在父div的jquery事件中我想为内部div分配一个类.结构如下:

<div class="noUi-handle noUi-handle-lower">
    <div class="">
        <span></span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

有关如何通过使用jquery调用父div来获取内部div并分配类的任何建议?

html javascript css jquery jquery-ui

-1
推荐指数
1
解决办法
602
查看次数

标签 统计

html ×5

css ×4

php ×2

class ×1

css-selectors ×1

javascript ×1

jquery ×1

jquery-ui ×1

models ×1

object ×1