小编Jan*_*ath的帖子

我有一个用于浏览旧帖子的分页。我需要使用 jquery 或 js 更改它的文本。（分页在 laravel 包中生成，因此无法直接编辑文本）

所以我尝试查找 rel 并替换文本。但没有运气。这是我的代码。

$(".older-posts").find("li[rel=\'next\']").html("Older posts");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>\r\n<div class="older-posts">\r\n  <ul class="pagination">\r\n    <li>\r\n      <a href="http://localhost/pages/blog?page=1" rel="prev">\xc2\xab Previous</a>\r\n    </li>\r\n    <li class="disabled"><span>Next \xc2\xbb</span></li>\r\n  </ul>\r\n</div>

\n\n

任何想法？

当有人填写该字段时，我只需要更改输入字段中的背景颜色。如果没有，请保留默认背景颜色。在引导程序中没有额外类的情况下有什么方法可以做到这一点？

我试过，但没有运气。聚焦时背景颜色将消失。

<div class="form-group">
  <input type="text" class="form-control">
</div>

.form-control:active,
.form-control:focus,
.form-control:focus:active {
  background-color: #96d3ec!important;
  border-color: #96d3ec;
  color: white;
}

提琴手

我只想嵌入我的谷歌地图位置。当我使用 iframe 时，它​​的高度为 100%。当我设置高度时

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 30% !important;
}

看起来是这样的。

地图大小看起来不错，但它在页脚之间使用了不需要的空白。这是我的 iframe

<div class="google-maps">
<iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ-69Hn5JZ4joRzaymM3Zi2o8&key=AIzaSyDTljbjBpIX73t57vhNIhMKyk0u5p6MNGI" width="600" height="200" frameborder="0" style="border:0">
</iframe>
</div>

.google-maps {
    position: relative;
    padding-bottom: 77.4%;
    height: 0;
    overflow: hidden;
}

我只想显示地图的 30% 大小。我怎样才能存档它？

我需要在普通图像悬停时更改背景图像。（请不要建议我把它放到普通的背景图片中）

我使用 z-index 值尝试过这种方式，但它不起作用。这是填充它需要预加载图像，因此用户根本看不到图像加载。

img{
  width: 120px;
  position: relative;
    z-index: -1;
}

img:hover{
     background-image: url('https://i.ibb.co/bsQL6SK/media13-3-blue.png');
      background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
}

<img src="https://cdn.freebiesupply.com/logos/large/2x/fox-news-logo-png-transparent.png" alt="">