FreedomPay HPC iFrame CSS

Created by Autify Digital, Modified on Sat, 18 Nov 2023 at 10:22 AM by Autify Digital

We can use the below CSS on the HPC iFrame.


Possible Selector for the CSS:


  • .fp-apple-pay-button 
  • button 
  • button:active 
  • button.disabled 
  • button:focus 
  • button:hover 
  • .checkbox input 
  • .checkbox input:focus 
  • .checkbox input:hover 
  • .checkbox input::placeholder 
  • .checkbox input::selection 
  • .checkbox input:-webkit-autofill 
  • .checkbox input::-ms-clear 
  • .checkbox label 
  • form 
  • i 
  • input 
  • input:disabled 
  • input:focus 
  • input:hover 
  • input::placeholder 
  • input::selection 
  • input:-webkit-autofill 
  • input::-ms-clear 
  • .invalid .checkbox input 
  • .invalid .checkbox input:not(:disabled) 
  • .invalid .checkbox input:focus 
  • .invalid .checkbox input:not(:disabled):focus 
  • .invalid .checkbox input:hover 
  • .invalid .checkbox input:not(:disabled):hover 
  • .invalid .checkbox input::placeholder 
  • .invalid .checkbox input::selection 
  • .invalid .checkbox input:-webkit-autofill 
  • .invalid .checkbox input::-ms-clear 
  • .invalid .checkbox label 
  • .invalid i 
  • .invalid input 
  • .invalid input:not(:disabled) 
  • .invalid input:focus 
  • .invalid input:not(:disabled):focus 
  • .invalid input:hover 
  • .invalid input:not(:disabled):hover 
  • .invalid input::placeholder 
  • .invalid input::selection 
  • .invalid input:-webkit-autofill 
  • .invalid input::-ms-clear 
  • .invalid label 
  • label 
  • .valid .checkbox input 
  • .valid .checkbox input:not(:disabled) 
  • .valid .checkbox input:focus 
  • .valid .checkbox input:not(:disabled):focus 
  • .valid .checkbox input:hover 
  • .valid .checkbox input:not(:disabled):hover 
  • .valid .checkbox input::placeholder 
  • .valid .checkbox input::selection 
  • .valid .checkbox input:-webkit-autofill 
  • .valid .checkbox input::-ms-clear 
  • .valid .checkbox label 
  • .valid i 
  • .valid input 
  • .valid input:not(:disabled) 
  • .valid input:focus 
  • .valid input:not(:disabled):focus 
  • .valid input:hover 
  • .valid input:not(:disabled):hover 
  • .valid input::placeholder 
  • .valid input::selection 
  • .valid input:-webkit-autofill 
  • .valid input::-ms-clear 
  • .valid label 
  • .validation-message.feedback 
  • .validation-message.tooltip 


Possible Custom Styles we can use:


  • background-color 
  • Border 
  • border-color 
  • border-radius 
  • border-top 
  • border-bottom 
  • border-left 
  • border-right 
  • box-shadow 
  • color 
  • font-family 
  • font-size 
  • font-smooth 
  • font-style 
  • font-variant 
  • font-weight 
  • height 
  • letter-spacing 
  • line-height 
  • margin 
  • margin-top 
  • margin-bottom 
  • margin-left 
  • margin-right 
  • padding 
  • padding-top 
  • padding-bottom 
  • padding-left 
  • padding-right 
  • text-align 
  • text-decoration 
  • text-shadow 
  • text-transform 
  • transition 
  • -moz-osx-font-smoothing 
  • -webkit-font-smoothing 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article