小编Sta*_*eue的帖子

HTML / CSS:防止在表单中输入文本时覆盖背景颜色

我从以下 HTML/CSS 代码中看到了一些意外行为:

CSS

*{
    font-family: arial, sans-serif;
    padding: 0px;
    margin: 0px;
}

body {
    display: flex;
    align-items: column;
    flex-direction: column;
}

nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 30px;
    margin-top: 15px;
}

nav a {
    font-size: 13px;
    color: rgba(0, 0, 0, .87);
    text-decoration: none;
    cursor: pointer;
    padding: 7px;
}

nav a:hover {
    text-decoration: underline;
}

.buttons {
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    border-radius: 4px;
    font-size: 14px;
    margin: 11px 4px;
    padding: 0 16px;
    line-height: 27px;
    height: 36px; …
Run Code Online (Sandbox Code Playgroud)

html css

4
推荐指数
1
解决办法
57
查看次数

在 li 标签中显示空格

我有以下 HTML 代码

ul {
    margin: 0;
    padding: 0;
    display: flex;
}

ul li {
    list-style: none;
    color: #484848;
    font-size: 80px;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li> </li>
  <li>E</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我期待如下结果

美国广播公司

但相反,我越来越喜欢

ABCE

我不能&nbsp;在我的工作中使用我正在迭代一个数组,它可能如下所示

array = ['A', 'B', 'C', ' ', 'E'];
Run Code Online (Sandbox Code Playgroud)

有人可以建议如何获取空白值的空格吗?

这是代码笔https://codepen.io/gs650x/pen/mdmWOMJ

html css

2
推荐指数
1
解决办法
78
查看次数

删除由于多个嵌套映射函数而导致的多余数组大括号

我创建了一个对象数组的多个嵌套映射函数,最终得到了这种输出。

let tags =  product.map(item => item.outSourceItem.map(outsourceitem => outsourceitem.tags));
Run Code Online (Sandbox Code Playgroud)

let tags =  product.map(item => item.outSourceItem.map(outsourceitem => outsourceitem.tags));
Run Code Online (Sandbox Code Playgroud)

我只是希望它是这样的。

 tags = [
    [
        [
            {
                "_id": 11,
                "name": "eleven"
            }
        ]
    ],
    [
        [
            {
                "_id": 12,
                "name": "twelve"
            }
        ]
    ],
    [
        [
            {
                "_id": 13,
                "name": "thirteen"
            }
        ]
    ],
    [
        [
            {
                "_id": 11,
                "name": "eleven"
            }
        ]
    ]
]
Run Code Online (Sandbox Code Playgroud)

有任何一个衬垫功能可以实现这一点吗?我用.flat()但也不起作用。

javascript

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

撤消、恢复!重要的是,退回到内联样式吗?

鉴于此代码(带有样式表的 HTML),我无法更改:

div {
  color: green !important;
}

div {
  color: undo; /* tried revert/initial/unset et al. */
}
Run Code Online (Sandbox Code Playgroud)
<div style="color: red">hello</div>
Run Code Online (Sandbox Code Playgroud)

我可以提供一个样式表(附加的,添加在原始样式表的顶部),它将 div 恢复为内联颜色(在本例中为红色)吗?

div {
  color: undo; /* tried revert/initial/unset et al. */
}
Run Code Online (Sandbox Code Playgroud)

...没有JS。这是一支笔

注意:这并不是专门针对红色,而是回退到内联提供的任何颜色。

css

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

标签 统计

css ×3

html ×2

javascript ×1