Jump to content
  • 0

Remove border from input fields



Hi, in the caspio styles under form / details fields I have set Border Options both color and type to none. Yet I am still getting a black border around my input fields. The background colour here works so I know it is referring to the correct elements.

I can override this in my own css using...

  .cbFormTextField, .cbFormSelect, .cbFormTextArea{
    border: none;

But I shouldn't have to do this.

Have I missed something? Has anyone else got this to work?




Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Hello @BrianI,

Yes, you refer to the correct elements.
By default the styles for those elements are added like this:


As you can see, the class name is not just .cbFormTextField but there is an additional class before it is added automatically. 

So, for example, when you refer to the element as .cbFormTextField, the CSS rule with 2 classes overrides the CSS rule with 1 class 


There are 2 options to fix this:

1) to use more specific selectors;
2) to use the !important property.

In this example, the !important property is the simpler option.

Please test:

  .cbFormTextField, .cbFormSelect, .cbFormTextArea{
       border: none !important;
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...