小编Gib*_*ias的帖子

使用CSS更改HTML5输入的占位符颜色

Chrome支持占位符属性input[type=text]元素(别人可能做太多).

但以下CSS内容对占位符的值没有任何作用:

input[placeholder], [placeholder], *[placeholder] {
    color: red !important;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">
Run Code Online (Sandbox Code Playgroud)

Value仍然会留下grey而不是red.

有没有办法改变占位符文本的颜色?

html css html5 placeholder html-input

3876
推荐指数
29
解决办法
171万
查看次数

Semantic-UI:在工具提示中添加换行符

我想在工具提示中添加换行符:

<span data:data-tooltip="line 1 ...\n 
                              line 2 ...">
Run Code Online (Sandbox Code Playgroud)

我从这里尝试了几个建议: 在工具提示中添加换行符

没有任何效果。我在没有 Javascript 的情况下使用它(v.2.2)

css semantic-ui

5
推荐指数
2
解决办法
6703
查看次数

在特定数量的子元素之后换行

这是关于使用 css Grid 在特定数量的子元素之后实现列换行的问答。

HTML 模型

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
  <div class="child">4</div>
  <div class="child">5</div>
  <div class="child">6</div>
  .....
  <div class="child">n</div>
</div>
Run Code Online (Sandbox Code Playgroud)

所需的布局类似于,

1  7   13
2  8   14
3  9   .
4  10  .
5  11  n
6  12
Run Code Online (Sandbox Code Playgroud)

在特定数量的项目(在这种情况下为 6)之后,剩余的内容应该被包装到一个新列上。

css multiple-columns css-grid

5
推荐指数
1
解决办法
1215
查看次数

重叠元素具有不透明度并处理那些"悬停"

这是关于如何处理重叠元素的不透明度并使用JS解决方案在悬停时使其保持一致的问答.

需求

要求是开发两个透明和重叠的元素,如下面的两个红色框.这些必须是透明的,以便可见背景内容.

在此输入图像描述

现在,当悬停在任何这些元素上时,特定元素应该变为不透明,如下所示.

在此输入图像描述

html javascript css jquery opacity

3
推荐指数
1
解决办法
431
查看次数

使用jquery隐藏'this'和另一个元素

考虑我的元素结构

<a href="#" class="close">X</a>
<div class="container">Lorem ipsum</div>
Run Code Online (Sandbox Code Playgroud)

现在点击锚标签我需要隐藏这两个元素,

$('body').on('click', '.close', function(){
  $(this).hide();
  $('.container').hide();
});
Run Code Online (Sandbox Code Playgroud)

如何将两个hide()语句链接成一个?

html javascript jquery this

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

jQuery UI 可拖动分屏

我有一个分屏滑块,可以在桌面上正常工作,但我需要 jQuery UI 才能使其在移动设备上工作。可拖动事件允许我来回拖动它,但有时左侧的图像会从其原始位置移动,或者完全消失。关于如何解决这个问题有什么想法吗?

这是代码笔。滑块错误在移动设备上更为明显。

document.addEventListener('DOMContentLoaded', function(){
  let wrapper = document.getElementById('wrapper');
  let topLayer = wrapper.querySelector('.top');
  let handle = wrapper.querySelector('.handle');
  let skew = 0;
  let delta = 0;
  
  if(wrapper.className.indexOf('skewed') != -1){
   skew = 1000;
   }

wrapper.addEventListener('mousemove', function(e){
  delta = (e.clientX - window.innerWidth / 2) * 0.5;
  
  handle.style.left = e.clientX + delta + 'px';
  
  topLayer.style.width= e.clientX + skew + delta + 'px';
  });
});

$(".content-wrap").draggable({
  containment: "parent",
  dragx: true,
  dragy: false,
  rotate: false
});
Run Code Online (Sandbox Code Playgroud)
body{
  margin: 0;
  padding:0;
  font-size: 100%; …
Run Code Online (Sandbox Code Playgroud)

javascript mobile jquery event-listener touch

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

删除多个localStorage项

我有两个“ localStorage”项目,summaryFormprojectForm

目前,我使用两条语句将其删除,

localStorage.removeItem("summaryForm");
localStorage.removeItem("projectForm");
Run Code Online (Sandbox Code Playgroud)

是否可以将这两个语句合而为一?

html javascript local-storage

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