小编Ela*_*ter的帖子

我正在使用all: unseton <input type="password" placeholder="text of placeholder">，占位符变成了点。

HTML：

<input type="password" placeholder="text of placeholder">

CSS：

::placeholder {
    all: unset;
}

占位符的错误视觉结果：

有没有办法仍然使用all: unset并带回正确显示的占位符的值？

CodePen 示例

我有一个问题，我想将第一个字母放在与文本分开的第一个原始字符中，似乎CSS无法识别display：block;。或位置：绝对为第一个字母的伪类。

注意：我不能在第一个字母中添加其他标签。

例

的HTML

<div class="some-word">
  Product
</div>

的CSS

.some-word:first-letter{
  font-size:30px;
  display:block; /**doesnt work**/
  position:absolute;/**doesnt work**/
}

那就是我想要达到的目标：

我有一个容器,当我点击它时会获得焦点并显示他内心的隐藏内容.

现在,在隐藏容器中,单击它时有一个按钮获得焦点并关闭父节点.

它适用于除ios和macos上的safari之外的所有浏览器.

我正在寻找一个干净的CSS解决方案.

HTML

<div class="box" tabindex="0">
  <div class="front">CLICK ME</div>
  <div class="hidden">
    <button class="close">close button</button>
  </div>
</div>

上海社会科学院

.box{
  position:relative;
  height:200px; width:200px;
}

.front,
.hidden{height:100%; width:100%; position:absolute; }

.close{height:100px; width:100px;}

.box:focus{
  .front{display:none;}
  .hidden{display:block;}
}

.front{background:blue; color:white;}
.hidden{background:red; display:none;}

DEMO

据我所知,justify-items只用在CSS网格,但也有价值观flex-start和flex-end.

在哪些情况下使用它们？

Mozilla开发者 - 证明物品

我正在尝试<input type="search">定期获取行为<input type="text">。

我尝试使用appearance: searchfield;没有应用这种特殊行为的 。

我希望它看起来如何：

CodePen 示例（在 Chrome 浏览器上测试，但不起作用）

寻找纯 CSS/HTML 解决方案