How to remove SwiftUI TextField focus border?

Question

How does one remove the focus border for a TextField in SwiftUI?

In Cocoa, setting the border to "None" in interface builder would remove the border.

I've tried using .border with a width of zero, but that does not work. The .border adds another border on top of the focus border.

Setting the style also does not do the trick.

3.8k

Posted by

oreman

Reply

Answer 1

Code Block swiftextension NSTextField { 
		open override var focusRingType: NSFocusRingType {
				get { .none }
				set { }
		}
}

with PlainButtonStyle() you can start a blank slate customization

Posted by

wingover

Answer 2

Code Block swiftextension NSTextField { 
		open override var focusRingType: NSFocusRingType {
				get { .none }
				set { }
		}
}

with PlainButtonStyle() you can start a blank slate customization

Posted by

wingover

Answer 3

If you are developing for macOS and don't want a button to show a square focus on it you can use the focusable modifier.

Button("a button") { 
// the action the button will do 
}
 .focusable(false)

Posted by

KADM

Accepted Reply