how to prevent adding blue border to note when we click to note

[vunguyen260798]

 var visualObj = ABCJS.renderAbc("playback-paper", theABC, 
			{
				add_classes: true,
				clickListener: NoteClickListener,
				selectTypes: ["note"],
		})[0];

I don't want highlight the blue border like that when I click to note, anyone can help me?

[samuelbradshaw]

If you have CSS styles on the page, you could try adding this:

g {
  stroke: none;
}

That will prevent a stroke/border from showing for all SVG groups (including notes).
If you want to only hide the stroke on notes, you can do this:

g[data-name="note"] {
  stroke: none;
}

Or maybe more specifically, on highlighted notes:

g[data-name="note"].abcjs-highlight {
  stroke: none;
}

[vunguyen260798]

@samuelbradshaw thank for your support, i've already try 3 way u suggest, but it's not work at all