Question

我希望使用CSS删除此网站列表中的弯角。

https://www.marriedin.co.uk/suppliers/

我尝试了各种各样的东西，但无法让它发挥作用。

有人会有任何想法吗？

感谢

Answer 1

只需将此css添加到样式表的底部即可。

.listing-cover:after, .type-job_listing.style-grid.job_position_featured .job_listing-entry-header:before, .type-job_listing.style-grid .job_listing-entry-header, .content-box{
  border-radius: 0;
}

Answer 2

CSS

/* remove radius from container and its border */
    .content-box {
        border-radius: 0px;
    }
/* remove radius from the image itself */
    .job_listing-entry-header.listing-cover.has-image {
        border-radius: 0px;
    }
/* remove radius from the background of the image*/
/*its needed because the images are semi transparent*/
    .job_listing-entry-header.listing-cover.has-image:after {
        border-radius: 0px;
    }

Answer 3

将此添加到您的css文件中：

.content-box{border-radius:0 !important;}
.type-job_listing.style-grid .job_listing-entry-header{border-radius:0 !important;}

对于未来的问题，请解释您尝试做的事情

Answer 4

在你的CSS中找到

if

并删除行

.content-box

另外，找到 .type-job_listing.style-grid .job_listing-entry-header

并删除行

border-radius : 4px;

它会解决。

用CSS删除弯角

4 个答案:

CSS