How to hide UITextField border?

Question

I have a UITextField and I am trying to make the UITextField border invisible so that the background and UITextField would have the same color and there would be a seamless look. But the problem is I also use a placeholder and there is a border that I cannot remove. I already tried:

textOption.borderStyle = UITextBorderStyleNone;
textOption.layer.borderWidth = 0;

It didn't work. Would you please help me on that? I still can see the border of the UITextField. fyi: The UITextView that I use doesn't have this issue => There is no placeholder in UITextViews.

what about textOption.backgroundColor = [UIColor clearColor]; ... — AntonijoDev, Nov 21 '13 at 09:11

score 106 · Answer 1 · answered Apr 08 '15 at 13:19

106

If you want to remove the textfield border you can do it directly with interface builder: enter image description here

answered Apr 08 '15 at 13:19

Javier Calatrava Llavería

9,493
4
53
47

Doesn't work for me! Could it also be something else as well? Thanks! – Ron Nov 23 '16 at 16:23

score 30 · Answer 2 · answered Nov 21 '13 at 09:14

30

Just use this..

textOption.borderStyle = UITextBorderStyleNone;
[textOption setBackgroundColor:[UIColor clearColor]];

answered Nov 21 '13 at 09:14

Nirav Gadhiya

6,342
2
37
76

Fox5150 · Answer 3 · 2020-09-30T15:35:26.343

19

Swift 4 and 5 :

yourTextfield.borderStyle = .none

edited Sep 30 '20 at 15:35

answered Dec 30 '17 at 10:07

Fox5150

2,180
22
24

score 14 · Answer 4 · answered Nov 28 '16 at 03:38

14

In Swift this worked for me :

 passwordTextField.borderStyle = UITextBorderStyle.none

answered Nov 28 '16 at 03:38

KOTIOS

11,177
3
39
66

score 8 · Answer 5 · answered Dec 11 '13 at 19:32

If you are using Interface Builder or Storyboard, you can select the textField, go on the Attributes inspector's tab, under the option Border Style you have 4 styles to chose from, the first one is without border.

If doing it in code, this should work

textOption.borderStyle = UITextBorderStyleNone;
[textOption setBackgroundColor:[UIColor clearColor]];

score 3 · Answer 6 · answered Nov 24 '16 at 12:26

3

You have to just set border style None

 textFieldName.borderStyle = UITextBorderStyleNone;

answered Nov 24 '16 at 12:26

score 0 · Answer 7 · answered Nov 21 '13 at 09:49

UITextField *tfText = [[UITextField alloc] initWithFrame:CGRectMake(65, 200, 200, 30)];
    tfText.backgroundColor = [UIColor colorWithRed:0.2 green:0.9 blue:0.5 alpha:0.3];       
    tfText.textAlignment = UITextAlignmentCenter;
    // Border Style None
    [tfText setBorderStyle:UITextBorderStyleNone];
    [self.view addSubview:tfText];
    [tfText release];

How to hide UITextField border?

7 Answers7

Linked