Avatar for Username

Caută ajutor

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

Picture-in-picture window border-radius (rounded corners)?

  • 3 răspunsuri
  • 0 au această problemă
  • 2 vizualizări
  • Ultimul răspuns de SkibV

SkibV
SkibV
more options

Hello. I just wanted to add 8-10px border-radius and a thin 1px border. Just like all chromium browsers already have and even Waterfox did it too. I tried to do different things already, but I couldn't find the way how to get rid of that background with square corners. See the attached image to better understand what I mean. My attempt on the left, and Chrome on the right. These square corners (green in this case) behind. Any ideas? Thanks in advance for any answer.

Hello. I just wanted to add 8-10px border-radius and a thin 1px border. Just like all chromium browsers already have and even Waterfox did it too. I tried to do different things already, but I couldn't find the way how to get rid of that background with square corners. See the attached image to better understand what I mean. My attempt on the left, and Chrome on the right. These square corners (green in this case) behind. Any ideas? Thanks in advance for any answer.
Capturi de ecran atașate

Toate răspunsurile (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Are you styling an image, or a whole page? Is there a page online demonstrating the problem?

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Oh sorry, Picture-in-Picture. So this is a userChrome.css hack?

SkibV
SkibV Deținătorul întrebării
more options

jscher2000 - Support Volunteer said
Oh sorry, Picture-in-Picture. So this is a userChrome.css hack?

Hello @jscher2000. Yes, this is the picture in picture floating window. And yes, a simple CSS code, something like this: body { 

      background: green !important;
   }
.player-holder {
       overflow: hidden;
       outline: 2px solid red !important;
       outline-offset: -2px;
       border-radius: 12px !important;
   }

But it looks that this background cannot be modified just by CSS..

PS I don’t know why my question was published in this "Firefox for Enterprise" section.. I thought I chose the main Firefox section. Any ways to move this to the main Firefox section?