Changing textField border color iOS

Question

I want to change UITextField border color. Is it possible to customize the color of border? I searched all options in xib but I did not found any option to change border color.

sorry when i searched for textfield border color change i dint found that post so i posted otherwise i would have not. — user2017285, Mar 01 '13 at 09:15

KDeogharkar · Accepted Answer · 2017-09-13T05:39:22.377

49

you can use this:

yourTextField.layer.borderColor=[[UIColor blackColor]CGColor];

yourTextField.layer.borderWidth=1.0;

and remember to import #import <QuartzCore/QuartzCore.h> in your .h file

You can also specify your RGB value.

yourTextField.layer.borderColor=[[UIColor colorWithRed:178.0f/255.0f green:178.0f/255.0f blue:178.0f/255.0f alpha:1.0] CGColor];

Note: you need to set both values starting with iOS 7

Update for swift 2.3

yourTextField.layer.borderColor = UIColor.blackColor().CGColor
yourTextField.layer.borderWidth = 1.0

OR

yourTextField.layer.borderColor = UIColor(red: 178.0 / 255.0, green: 178.0 / 255.0, blue: 178.0 / 255.0, alpha: 1.0).CGColor

Update for swift 3.1.1

yourTextField.layer.borderColor = UIColor.black.cgColor
yourTextField.layer.borderWidth = 1.0

OR

yourTextField.layer.borderColor = UIColor(red: 178.0 / 255.0, green: 178.0 / 255.0, blue: 178.0 / 255.0, alpha: 1.0).cgColor

edited Sep 13 '17 at 05:39

answered Mar 01 '13 at 07:22

KDeogharkar

10,939
7
51
95

3

Doesn't seem to work on IOS7 – Jeef Mar 19 '14 at 15:13
2

It is only work with borderWidth . you have to give borderWidth even in iOS6. It is working fine with iOS7 also. – KDeogharkar Mar 20 '14 at 04:03
Struggled with this about 10mins! Finally it appears that I've not connected textField to the outlet ( – trickster77777 Oct 30 '14 at 16:23
1

happens @trickster77777 :) – KDeogharkar Oct 31 '14 at 03:49
It might be worth noting in the answer, that you need to set both the `borderColor` and `borderWith` in iOS 7 and iOS 8 to make the color actually change. – Markus Rautopuro Nov 29 '14 at 09:25
markField.layer.borderColor = UIColor.clear.cgColor; - for Swift 5 – Slarty Bartfast Jul 11 '20 at 13:10

Nazir · Answer 2 · 2016-04-29T16:25:12.060

12

#import <QuartzCore/QuartzCore.h>

Use below code to change Textfield's border color

textField.layer.borderWidth = 2.0f;
textField.layer.borderColor = [[UIColor redColor] CGColor];
textField.layer.cornerRadius = 5;
textField.clipsToBounds      = YES;

For SWIFT:

textField.layer.borderColor = UIColor.redColor().CGColor;

edited Apr 29 '16 at 16:25

answered Mar 02 '13 at 19:11

Nazir

1,945
24
27

txt_field.layer.borderColor = UIColor.redColor().CGColor // For Swift – AyAz Mar 30 '16 at 14:08

score 5 · Answer 3 · edited May 23 '17 at 12:32

5

Use Quartzcore framework. You can set the textField.layer.borderWidth, as well as borderColor:

tField.layer.borderColor = [UIColor redColor].CGColor;

for more reference: https://stackoverflow.com/a/5749376/1554632

edited May 23 '17 at 12:32

Community

1
1

answered Mar 01 '13 at 07:21

Nikita P

4,226
5
31
55

Changing textField border color iOS

3 Answers3